javascript - 创建仅包含播放和暂停的 Javascript 音频播放列表

Question

我想创建一个只能播放和暂停的音频播放列表。但是，当用户听完整首歌曲后，我希望能够让该用户重新播放该歌曲。

目前，Javascript 播放列表仅播放和停止音乐。我的暂停按钮实际上不像暂停按钮那样工作。不知道我哪里出错了。当用户听完歌曲后，我该如何让歌曲自动重新设置到开头呢？我非常感谢您对此的帮助!我已经编写了 HTML 音频代码，并在下面列出了 Java 脚本。

<script> // play/pause button
$(function() {
  $('#play').click(function(){
    $('#pause').attr('src',"media/pause.png");
  });
});

    $(".playBtn").on('click', function() {
       var target = $(this).attr("target");
       $("#audio").attr("src",target);

       $("#audio").trigger("play");
    });

    $(".pauseBtn").on('click', function() {
       $("#audio").trigger("pause");
    });
  });
</script>

Answer 1

音频标签有多个事件，您可以向其中添加监听器。以下是它们列表的链接:https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events

“结束”事件在音频播放完毕时触发，因此它可以帮助在音频到达结尾时将歌曲重置到开头。

$("#audio").on("ended", function () {
    this.currentTime = 0;
});