为音频播放器添加重复选项

Question

我用jQuery构建音频播放器。我设法做了我想要的几乎所有东西，但是当我点击重复按钮时我无法重复播放歌曲。如果我单击“重复”按钮并且如果已启用，则应该重复此操作，当我再次单击以禁用它时。 我初始化音频  music = new Audio() 我试着用一些东西：

$('.rep').on('click', function(){
    music.prop('loop');
})

但是我无法让它发挥作用。

任何建议，评论或教程都会有所帮助，因为我希望学习，而不是复制/粘贴。

由于

Answer 1

你可以像这样添加eventListener ..：

$('.rep').click(function(){
    myAudio.addEventListener('ended', function() {
      this.currentTime = 0;
      this.play();
    }, false);
});

或者只是编辑像CodePen这样的attr循环：

myAudio = document.getElementById("myAudio"); 

$('.rep').click(function(){
    if(myAudio.loop != true){
      myAudio.loop = true;
      myAudio.play();
    } else {
      myAudio.loop = false;
      myAudio.currentTime = 0;
      myAudio.pause();
    }
});

希望它有所帮助。