用javascript onClick播放mp3文件

Question

我正在播放mp3文件只是javascript onClick.

贝娄是我的代码:

//Music File 1
<audio id="id1" src="01.mp3"></audio>
<button onClick="document.getElementById("id1").play()">Play</button>
<button onClick="document.getElementById("id1").pause()">Stop</button>

//Music File 2
<audio id="id2" src="02.mp3"></audio>
<button onClick="document.getElementById("id2").play()">Play</button>
<button onClick="document.getElementById("id2").pause()">Stop</button>

我的问题是,我正在播放音乐01.mp3,如果我在音乐02.mp3按下播放按钮,我希望它停止播放.

任何人都可以给我一个比这更好的解决方案吗？总的来说,我想播放像www.mp3skull.com这样的音乐,如果按其他文件播放其他停止播放.

此致,Virak

Answer 1

除了标签错误(假设它只是这篇文章中的拼写错误),如果你想要一个更好的Javascript音频播放器,请查看http://jplayer.org/ - 它是一个开源的免费播放器API.

播放器可用的方法之一,.pauseOthers()暂停页面上除播放方法之外的所有播放器- 在您的情况下非常有用.