多聲音同時播放

Question

使用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>

Answer 1

使用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(); // 现在两者将同时播放

我在Chrome v. 20中測試過，似乎可以工作：）

<source>標籤用於指定相同檔案的不同格式 - 這樣瀏覽器可以在第一個格式不受支援時選擇另一種格式作為備用。這就是為什麼您自己提出的解決方案不起作用。