Como agregar a mi web un boton o imagen para reproducir un sonido?

Hola amigos, he abierto este nuevo tema para hacerles saber mi inquietud y para que alguien me de solucion porfavor.

Tengo una web en construccion con contenido de ingles, Pero quiero saber como hacer para agregar en el body alguna imagen o boton que reproduzca un sonido mp3 al darle click.

El caso esta asi: Escribire 10 palabras en ingles y su significado, pera a la par le quiero poner la reproduccion para que el visitante escuche la pronunciacion de lo que esta leyendo. Esta pagina tiene ul ejemplo de lo que quiero: http://www.curso-ingles.com/gramatica-inglesa/pronombres-personales… pero no logro sacarle codigo.


Agradecere mucho la coolaboracion.

Mira simplemente tienes ke poner esto:

<p><a href="/audio/pron-pers-1.mp3" class="sm2_button" title="Listen - Audio">Play</a></p>
Lo rojo es la direccion del archivo de sonido segun la rola y el azul es el nombre de la imagen ke al acerle click se ejecura el sonido

espero ke te sirva WE =D (LO SAKE DE LA PAGUINA KE DIGISTE[:D])

y no hay una forma de hacerlo sin que te lleve a otra pagina?

Bueno, en este caso lo que nos comenta el amigo @MarterDeMasters no es correcto (en parte).

Lo rojo efectivamente es el archivo de sonido, pero lo azul es la clase que le da estilo al botón. El sonido es reproducido porque javascript recoge el evento de pulsar en esta clase.

Lo de la web que comentas, esta hecho concretamente con esto http://www.schillmania.com/projects/soundmanager2/

Si te atreves, échale un vistazo.

Saludos!