2012-02-19 93 views
27

如何知道HTML5音頻元素何時播放完畢?如何知道HTML5音頻元素何時完成播放?

它是否會拋出我可以聽到的事件或類似的事件?當音軌結束時我需要做出反應。

謝謝!

+0

的[是否有HTML5音頻的的onComplete事件?(可能的複製http://stackoverflow.com/questions/5092266/is-there-an-oncomplete-event -for-html5-audio) – 2015-12-15 07:41:01

回答

27

根據W3Schools,您可以使用onended事件來檢測音頻是否已完成播放。

在jQuery中:

$("#player").bind('ended', function(){ 
    // done playing 
    alert("Player stopped"); 
}); 

對於演示見:http://jsfiddle.net/9PCEf/2/

+13

......放鬆一下男人,我還是不能接受答案,因爲還沒有經過足夠的時間。我討厭這樣的人留下評論。 – fancy 2012-02-19 04:25:32

+0

不,這只是一個提醒。如果它冒犯了你,我很抱歉。 – mauris 2012-02-19 04:26:45

+0

哇@thephpdeveloper,你真的渴了滴答! – 2012-02-19 04:30:24

54

使用HTML:

<audio id="music" src="blah.mp3" onended="yourFunction()"></audio> 

使用Javascript

document.querySelector("#music").addEventListener("ended", yourFunction, false); 

使用jQuery:

$("#music").on("ended", yourFunction); 

瞭解更多關於Media events on MDN

相關問題