HTML5 JS同时播放多次相同的声音

时间:2014-09-03 22:23:17

标签: javascript html5 audio

我创建了一个非常基本的HTML5游戏,我打了一个小墙,基本上我有一个数组,这个数组填充了一个声音文件(它是一个数组,所以我可以分配更多的声音如果需要的话)

this.Sounds["L_Explosion1"] = new Audio("Assets/Sounds/Explosion_1.wav");
this.Sounds["L_Explosion1"].volume = 1;
this.Sounds["L_Explosion1"].load();

当玩家按空格键时我想播放声音,所以我运行此代码

this.Sounds["L_Explosion1"].play();

然而,如果我在播放声音之前再次按空格键将无法播放它,我想要做的是多次播放相同的声音,如果相同的话还没有完成,我将如何实现?

1 个答案:

答案 0 :(得分:6)

为了同时播放多个声音实例,您需要创建该Audio元素的新副本。一种方法是使用.cloneNode()方法并在每次按下空格键时播放克隆的音频。

this.Sounds["L_Explosion1"].cloneNode(true).play();