html5 / javascript音频同时播放多个曲目

Question

是否可以同时播放整个音频实例？
我知道，我可以每次创建一个新实例并在每个实例上调用.play（），但我认为它很脏。 喜欢
sound1 = new Audio('sound1.mp3');
sound2 = new Audio('sound2.mp3);
sound1.play();
sound2.play;

它或多或少与此线程相同：同时播放多个声音
但必须有优雅的方式吗？

Answer 1

编辑： MediaController和mediagroup结果是mediagroup 。 你会想要坚持“肮脏”的方式去做，至少现在，因为没有正式的同步解决方案。

同步播放多个音频或视频对象的正确方法是使用mediagroup属性和相应的MediaController对象。 请参阅文章“HTML5多轨音频或视频” ：

可以在标记中添加[A] n属性@mediagroup ，以将多个媒体元素连接在一起。 这是通过MediaController对象在JavaScript API中管理的，该对象为组合的多轨道对象提供事件和属性。

将两个音频文件都设置为单个mediagroup 。 当媒体元素被分配给mediagroup ，一个MediaController是为该组创建。 在该控制器上使用play()方法，组中的所有媒体元素将同步播放。

以编程方式，您可以分配这样的mediagroup ，然后从该点触发MediaController任何一个从属媒体元素的play() ，如下所示：

 sound1 = new Audio('sound1.mp3'); sound2 = new Audio('sound2.mp3'); sound1.mediaGroup = 'soundGroup'; sound2.mediaGroup = 'soundGroup'; sound1.controller.play(); 

（来源：w3school.com的HTML音频/视频DOM 媒体组属性页面 ， 控制器属性页面 ， 播放（）方法页面和标准 ）

注意：我没有测试上面的代码; 请注意，如果您确认此代码不符合标准且无法按预期运行，请告知我们。 请注意，您正在研究HTML5标准的一个非常新的方面，在这种情况下， 不要期望广泛的浏览器兼容性。 （截至2014年1月）