- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Problema con <audio> di HTML5
-
Problema con <audio> di HTML5
Salve a tutti!:)
Ho un problema nella gestione dei suoni! Tramite l?utilizzo del tag audio di html 5 ho assegnato ai link di una pagina degli effetti audio, (uno per ogni collegamento) che si attivano all?hover dell?utente! L?effetto funziona benissimo su Firefox:) ma non su Crome ed Explorer 9.:? In Crome, dopo aver aperto la pagina, se passo più volte sullo stesso link mi riproduce il suono senza problemi ma appena passo sopra ad un altro link cominciano a non funzionare più, come se facesse fatica a gestirne più di uno! Non ho proprio idea di come risolverla?qualcuno sa darmi un suggerimento?
Grazie![HTML]<ul id="lista">
<li><a id="01" href="#">Link 1</a></li>
<li><a id="02" href="#">Link 2</a></li>
<li><a id="03" href="#">Link 3</a></li>
</ul><audio id="suono-1" preload="auto"> <source src="01.wav"></source> <source src="01.mp3"></source> </audio> <audio id="suono-2" preload="auto"> <source src="02.wav"></source> <source src="02.mp3"></source> </audio> <audio id="suono-3" preload="auto"> <source src="03.wav"></source> <source src="03.mp3"></source> </audio>[/HTML]
file .js:
var suono1 = $("#suono-1")[0]; $("#lista a#01") .mouseenter(function() { suono1.play(); }); var suono2 = $("#suono-2")[0]; $("#lista a#02") .mouseenter(function() { suono2.play(); }); var suono3 = $("#suono-3")[0]; $("#lista a#03") .mouseenter(function() { suono3.play(); });