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”事件。挂钩该事件，并根据需要更新您的按钮图形。浏览器支持一如既往，可能会有所不同。

如何在Audio播放HTML5时触发JQuery事件

2 个答案: