侦听HTML5音频元素何时停止播放

Question

当HTML5音频元素停止播放时，我需要调用一个函数。 具体来说，该功能将重置搜索栏并将暂停图标更改为播放图标。

这是我的JavaScript：

var audio = document.getElementById('audio');

audio.addEventListener('ended', stopAudio);

function stopAudio() {
    audio.stop();
    $('.play-pause .play').show();
    $('.play-pause .pause').hide();
}

..只有内部代码一旦调用就不会执行。 音频正在成功播放并成功结束，只是没有调用我的函数。 我想念什么？

Answer 1

这是因为您正在使用getElementById并在我认为您打算使用getElementsByTagName时传递audio ，或者该音频元素的ID错误。

Answer 2

我需要：

audio.stop;

代替...

audio.stop();

修复它:)

Answer 3

HTML Audio元素没有方法stop() 。 您的事件处理程序无法正常运行的原因是因为该行audio.stop(); 引发错误，并且下面的任何内容都不会执行。

Answer 4

您的代码应如下所示，以检测音频是否结束。 无法检测它是否已停止，但是您可以检测它是否已结束或已暂停。 如果您要寻找暂停时间的代码，请将“结尾”替换为“暂停”

document.getElementById('audio').addEventListener("ended",function() {

$('.play-pause .play').show();
$('.play-pause .pause').hide();
}