2012-02-19 96 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

相关问题