如何判断HTML5音频元素何时播放完毕？

Question

如何判断HTML5音频元素何时播放完毕？

它会抛出我可以听到的事件或类似的东西吗？当音轨结束时我需要做出反应.

谢谢!

Answer 1

使用HTML:

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

使用Javascript:

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

使用jQuery:

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

阅读有关MDN上的媒体事件的更多信息

Answer 2

根据W3Schools,您可以使用该onended事件来检测音频是否已完成播放.

在jQuery中:

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

有关演示,请参阅:http://jsfiddle.net/9PCEf/2/