如何找到 HTMLAudioElement 音頻結束播放

Question

應用程序正在使用 JavaScript 中的 HTMLAudioElement 播放音頻剪輯，如下所示，

mySound = new Audio([URLString]);

URL 字符串將根據用戶點擊不斷變化。

有什么方法可以找到 HTMLAudioElement 音頻何時完成？ 我嘗試了“結束”屬性，但在音頻播放完畢后沒有調用該函數。

Answer 1

在他們的評論@Djave筆記，並提到在這里，你可以使用onended的音頻事件對象與JS創建（而不是ended ，如果你使用DOM元素是有效的）：

mySound = new Audio(audioFile);
mySound.onended = function() {
    // Whatever you want to do when the audio ends.
}

Answer 2

找到 HTMLAudioElement 音頻何時完成的任何方法

您可以使用ended事件偵聽器：

HTML：

<audio>
  <source src="/my-audio-clip.mp3" type="audio/mpeg">
</audio>

Javascript：

var myAudioClip = document.querySelector('[src="/my-audio-clip.mp3"]');
myAudioClip.addEventListener('ended', myFunction, false);

---

進一步閱讀： https : //developer.mozilla.org/en-US/docs/Web/Events/ended

Answer 3

您可以使用addEventListener並收聽ended事件，就像HTMLAudioElement在 DOM 中一樣，例如

mySound = new Audio([URLString]);
mySound.addEventListener("ended", function(e) {
    // do whatever
})