[英]Play mp3 file with javascript onClick
我正在播放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
除了標簽錯誤(假設它只是這篇文章中的拼寫錯誤),如果你想要一個更好的Javascript音頻播放器,請查看http://jplayer.org/ - 它是一個開源的免費播放器API。
播放器可用的方法之一是.pauseOthers()
暫停頁面上除了你運行方法之外的所有玩家 - 在你的情況下很有用。
你有html / javascript語法錯誤:
<button onClick="document.getElementById("id2").play()">Play</button>
^ ^ ^ ^
1 2 3 4
引號#2關閉引號#1,因此你的id2是onclick的OUTSIDE,並且是按鈕標記的一部分。 同上3和4.改為將內部引號改為'id2'
。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.