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

【问题标题】：How can I tell when an HTML5 audio element has finished playing?如何判断 HTML5 音频元素何时播放完毕？
【发布时间】：2012-03-09 22:26:01
【问题描述】：

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

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

谢谢！

【问题讨论】：

【解决方案1】：

使用 HTML：

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

使用 Javascript：

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

使用 jQuery：

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

【讨论】：

【解决方案2】：

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

在 jQuery 中：

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

【讨论】：

...放松，我还不能接受答案，因为还没有足够的时间过去。我讨厌人们像这样离开 cmets。
哇@thephpdeveloper，你真的很渴！
伙计们。我只是在提醒。我倾向于忘记自己，因此每当我发布答案时我都会提醒。即使这是其他人发布的答案，我也会提醒。这就是我们正在做的事情：管理我们的社区。span>
@thephpdeveloper，你愿意给我打勾吗？我真的很想要……只是开玩笑。
onEnded in React