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

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

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

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

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

将两个音频文件都设置为单个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音频/videoDOM 媒体组属性页面 , 控制器属性页面 , 播放()方法页面和标准 )

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