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

Question

我正在用jQuery构建音频播放器。我设法做了我想要的几乎所有的东西，但是当我点击重复按钮时，我不能让歌曲重复。它应该重复，如果我点击重复按钮，如果它启用，当我再次点击禁用它。 我初始化音频与 music = new Audio() 我试着用一些东西，如：

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

，但我无法得到它的工作。

任何建议，意见或教程将有帮助，因为我期待学习，而不是复制/粘贴。

感谢

Answer 1

U可以添加eventListener这样的..：

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

或只需编辑生成的attr循环这样CodePen：

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(); 
    } 
}); 

希望它能帮助。