2012-07-25 22 views
12

Ich möchte mit HTML 5 mehrere Sound spielen, wie es geht?Spielen Sie mehrere Sounds gleichzeitig

<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

möglich duplicate von http://stackoverflow.com/questions/1933969/sound-effects-in-javascript-html5 –

Antwort

11

mit JavaScript und HTML5-Audio-API Sie so etwas tun könnte:

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 

Ich habe getestet dies in Chrome v 20, und es scheint :)

Die zu arbeiten. <source> Das Tag wird verwendet, um verschiedene Formate derselben Datei anzugeben - so dass der Browser ein anderes Format als Fallback auswählen kann, falls der erste nicht unterstützt wird. Deshalb funktioniert Ihre eigene vorgeschlagene Lösung nicht.

+0

Danke für die Antwort Chrome und IE funktionieren, aber nur nicht funktioniert Opera nicht wichtig danke :) – Polymorphism

+1

Es gewann Ich arbeite nicht in Opera, weil mp3 nicht unterstützt wird. Verwenden Sie stattdessen .ogg http://html5doctor.com/html5-audio-the-state-of-play/ – trainoasis

+0

Funktioniert das auf mobilen Geräten, die jeweils nur einen Audio-Stream unterstützen? – Kokodoko

Verwandte Themen