您如何检测 HTML5 音频何时播放完毕（不止一次）？ [复制]

Question

我在检测标签何时播放完 mp3 时遇到问题。当我做这样的事情时：

     myAudio.addEventListener("ended", function() 
     {
          alert("ended");
     });

仅在第一次播放音频时发生。当我再次播放音频时，没有任何反应。当我使用onended=doThis(); 方法时也会发生同样的事情。我听说在 jQuery 中可能有一种方法可以做到这一点，但我无法让它工作。我还听说有一种方法可以通过在每次播放 mp3 时更改音频 div id 来修复它，但这对我不起作用，因为我需要 id 保持不变。

有人有什么想法吗？

Answer 1

ended 事件是基于.currentTime 属性创建的。 http://w3c.github.io/html/semantics-embedded-content.html#eventdef-media-ended

因此，您只需将.currentTime 再次设置为零即可。

myAudio.addEventListener("ended", function(){
     myAudio.currentTime = 0;
     console.log("ended");
});