HTML5 onclick播放音频，如何一次播放一个？

Question

当音乐正在播放时点击按钮，但是如果再次点击按钮或其他按钮。 2个或更多曲目将同时播放。

<script> var audio17 = new Audio("/system/voicefiles/1/original/(01) [BT feat. Jes] Every Other Way (Armin van Buuren Remix).mp3?1297492411")</script> 
<div style="float:right"><input onclick="audio17.play();" type="button" value="spk" /> </div>  

<script> var audio18 = new Audio("/system/voicefiles/2/original/audio2.mp3")</script> 
<div style="float:right"><input onclick="audio18.play();" type="button" value="spk" /> </div> 

如何确保只有一个声音在播放？我应该使用一个mutax或什么？

Answer 1

尝试为所有音频元素创建一个数组。在播放新文件之前，确保其他音频对象已停止（循环播放保存的音频对象数组，并在播放下一个音频文件之前停止播放）。