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

时间:2012-02-19 04:06:11

标签: javascript html html5 audio

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

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

谢谢!

2 个答案:

答案 0 :(得分:63)

使用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

答案 1 :(得分:27)

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

在jQuery中:

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

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