PDA

Visualizza la versione completa : Problema con <audio> (Chrome, IE 9)


dm84
17-02-2012, 17:46
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!



<ul id="lista">
Link 1 (#)
Link 2 (#)
Link 3 (#)
[/list]
<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>

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();
});

ags
21-02-2012, 13:44
Il tuo codice non è corretto, devi indicare anche il tipo di file. Probabilmente questa mancanza genera i problemi da te descritti.

Ti consiglio di consultare questa pagina per il tag <audio>

http://www.w3schools.com/html5/html5_audio.asp

ed in generale quel sito per ogni eventuale dubbio sulla corretta sintassi html...

dm84
27-02-2012, 10:03
Ciao! Grazie della risposta :) ho seguito il tuo consiglio ma purtroppo mi da lo stesso problema! :( Non riesco proprio a capire come mai! Inoltre dopo aver testato l’effetto su Chrome mi rallenta pesantemente il pc!

Loading