Poner sonido en una web no es tan facil como pinta.
Tienes un montón de tags que lo hacen... <source>, <audio>, <embed>, <object>... pero los navegadores tienen sus propios codecs y cada uno hace lo que le de la gana....
Un ejemplo:
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> function hsonido(){
// Obtenemos el objeto mediante Id.
var elementoSonido=document.getElementById('sonido');
// Pausamos no tiene stop -.-
elementoSonido.pause();
// Ponemos desde el principio
elementoSonido.currentTime = 0;
// Iniciamos
elementoSonido.play();
}
<!-- Elemento de audio con display:none; para que no se muestre para nada. -->
<audio style="display:none;" id="sonido" src="sonido.wav" preload="auto" autobuffer></audio>
<!-- No creo que haya necesidad de explicarlo -->
<a href="" onmouseover="hsonido();">Menu 1
</a> <a href="" onmouseover="hsonido();">Menu 2
</a>
PD: El tag audio es puro HTML5... así que olvídate de que funcione con IE7 o IE8 sin complementos ni js adicional.
PD2: Con jQuery seria mucho mas fácil =P
Saludos
Autor
)
En línea
