HTML5 JS同時播放多次相同的聲音

Question

我創建了一個非常基本的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();

然而，如果我在播放聲音之前再次按空格鍵它將無法播放它，我想要做的是多次播放相同的聲音事件如果相同尚未完成，我將如何實現這一目標？

Answer 1

為了同時播放多個聲音實例，您需要創建該Audio元素的新副本。 一種方法是使用.cloneNode()方法並在每次按下空格鍵時播放克隆的音頻。

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