如何判断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);

详细了解Media events on MDN

Answer 2

根据W3Schools，您可以使用onended事件来检测音频是否已播放完毕。

在jQuery中：

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

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