使用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()停止頁面上的所有玩家，而不是您運行該方法的玩家 - 在您的情況下很有用。

Answer 2

你已經有了HTML/JavaScript語法錯誤：

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

報價＃2關閉報價＃1，所以你ID2之外的onclick，而且是部分按鈕標籤。同上3 & 4.改變內部報價爲'id2'。