javascript - 同时播放多个声音

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(); // Now both will play at the same time

我已经在 Chrome v. 20 中对此进行了测试，它似乎可以工作:)

该<source>标签用于指定同一文件的不同格式 - 这样浏览器可以选择另一种格式作为备用格式，以防第一种格式不受支持。这就是为什么您自己建议的解决方案不起作用的原因。