如何判断HTML5音频元素何时播放完毕?
它会抛出我可以听到的事件或类似的东西吗?当音轨结束时我需要做出反应。
谢谢!
答案 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);
答案 1 :(得分:27)
根据W3Schools,您可以使用onended
事件来检测音频是否已播放完毕。
在jQuery中:
$("#player").bind('ended', function(){
// done playing
alert("Player stopped");
});
有关演示,请参阅:http://jsfiddle.net/9PCEf/2/