jquery - 音频播放完 HTML5 后如何触发 JQuery 事件

Question

我试图弄清楚当我的音频停止播放时如何触发事件。我正在使用 HTML5<audio>标签。到目前为止，我可以使用该duration属性获取音频以提供其持续时间，但目前我对此无能为力。我要做的就是将“播放”字符串传递给 html() 方法，这样当我的音频播放完毕时它就不会继续显示“暂停”。

切换功能：

$("#toggleButton").on("click", function(evt) {
    if(audio.paused) {
        audio.play();
        $(this).html("Pause");
    }
    else {
        audio.pause();
        $(this).html("Play");
    }
});

我也在努力寻找有关音频方法和属性的文档。我尝试在 JQuery 和 Mozilla 网络上搜索“音频”，但它们什么也没返回。

Answer 1

尝试这个：

audio.addEventListener('ended', function(){
    $("#toggleButton").html("Play");
});

Answer 2

当声音完成时，您的音频标签应触发“onended”事件。连接到该事件，并根据需要更新您的按钮图形。与往常一样，浏览器支持可能会有所不同。