2012-07-25 123 views
12

我想用HTML 5多聲音播放怎麼做?同時播放多個聲音

<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

http://stackoverflow.com/questions/1933969/sound-effects-in-javascript-html5 – 2012-07-25 14:37:28

回答

11

使用JavaScript和HTML5音頻API,你可以做這樣的事情:

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 

我已經在Chrome v測試這20,這似乎工作:)

的。 <source>標籤用於指定同一文件的不同格式 - 以便瀏覽器可以選擇另一種格式作爲後備格式,以防第一種格式不受支持。這就是爲什麼你自己的建議解決方案不起作用。

+0

謝謝回覆Chrome和IE的工作,但只工作不歌劇並不重要,感謝的可能重複:) – Polymorphism 2012-07-26 11:42:29

+1

它贏得了在Opera中不工作,因爲它不支持mp3。使用.ogg代替http://html5doctor.com/html5-audio-the-state-of-play/ – trainoasis 2014-05-19 14:49:11

+0

這項工作是否適用於一次僅支持一個音頻流的移動設備? – Kokodoko 2015-11-05 13:10:00