javascript - 使用 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 这样播放音乐，如果按下其他文件播放，其他停止播放。

问候， 维拉克

Answer 1

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

播放器可用的方法之一是.pauseOthers()暂停页面上的所有播放器，而不是您运行该方法的播放器 - 在您的情况下很有用。

Answer 2

你有 html/javascript 语法错误：

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

引用 #2 关闭引用 #1，因此您的 id2 在 onclick 之外，并且是按钮标签的一部分。3 和 4 同上。将内部引号'id2'改为。