使用javascript onClick播放mp3文件

我正在播放mp3文件，只需点击一下

下面是我的代码：

//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>

//音乐文件1
玩
停止
//音乐文件2
玩
停止

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

有谁能给我一个比这更好的解决方案吗？总的来说，我想用一种方式来播放音乐，比如www.mp3skull.com，如果按“其他文件”播放，则停止播放

问候,，

---

Virak

您有html/javascript语法错误：

<button onClick="document.getElementById("id2").play()">Play</button>
                ^                        ^   ^        ^
                1                        2   3        4

播放
^                        ^   ^        ^
1                        2   3        4

quote#2关闭quote#1，因此您的id2位于onclick之外，并且是按钮标记的一部分。3号和4号也一样。将内部引号改为

'id2'

。

除了标记错误（假定这只是本文中的一个输入错误），如果您想要一个更好的Javascript音频播放器，请查看-这是一个开源的免费播放器API

播放机可用的方法之一，

.pauseOthers（）

会停止页面上除运行该方法的播放机之外的所有播放机-在您的情况下非常有用