在点击时播放mp3文件与javascript

Play mp3 file with javascript onClick

本文关键字：文件 javascript mp3 播放      更新时间：2023-09-26

我正在播放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 这样的音乐，如果按下其他文件播放，则停止播放。

问候维拉克

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

播放器

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

你有html/javascript语法错误：

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

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

相关文章：