2012-07-25 18 views
12

Voglio usare il suono multiplo di HTML 5 come si fa?Riprodurre più suoni allo stesso tempo

<audio controls="controls"> 
<source src="audio/(TESBIHAT).mp3" type="audio/mpeg" /> 
<source src="audio/Dombra.mp3" type="audio/mpeg" /> 

<embed height="50px" width="100px" src="audio/(TESBIHAT).mp3" /> 
<embed height="50px" width="100px" src="audio/Dombra.mp3" /> 
</audio> 
+0

possibile duplicato di http://stackoverflow.com/questions/1933969/sound-effects-in-javascript-html5 –

risposta

11

con JavaScript e l'API HTML5 audio si potrebbe fare qualcosa di simile:

var snd1 = new Audio(); 
var src1 = document.createElement("source"); 
src1.type = "audio/mpeg"; 
src1.src = "audio/Dombra.mp3"; 
snd1.appendChild(src1); 

var snd2 = new Audio(); 
var src2 = document.createElement("source"); 
src2.type = "audio/mpeg"; 
src2.src = "audio/(TESBIHAT).mp3"; 
snd2.appendChild(src2); 

snd1.play(); snd2.play(); // Now both will play at the same time 

Ho testato questo in Chrome contro 20, e sembra funzionare :)

Il. Il tag <source> viene utilizzato per specificare diversi formati dello stesso file, in modo che il browser possa scegliere un altro formato come fallback nel caso in cui il primo non sia supportato. Questo è il motivo per cui la tua soluzione suggerita non funziona.

+0

Grazie per la risposta Chrome e IE funzionano ma non funzionano Opera non importante grazie :) – Polymorphism

+1

Ha vinto funziona in Opera perché non supporta mp3. Usa .ogg invece http://html5doctor.com/html5-audio-the-state-of-play/ – trainoasis

+0

Funzionerà su dispositivi mobili che supportano solo un flusso audio alla volta? – Kokodoko

Problemi correlati