オーディオプレーヤーにリピートオプションを追加する

Question

jQueryでオーディオプレーヤーを構築しています。そして、私が欲しかったものはほとんどすべてやっていましたが、リピートボタンをクリックすると曲を繰り返すことはできません。リピートボタンをクリックするとそれを繰り返す必要があります。また、リピートボタンをクリックすると、それを無効にします。 私はのようないくつかのことを使用しようとした music = new Audio() とオーディオINIT：

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

が、私はそれが仕事を得ることができません。

私が学ぶことを望んでいるので、アドバイス、コメント、チュートリアルは参考になるでしょう。コピー/貼り付けはできません。

おかげ

Answer 1

Uは、このような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(); 
    } 
}); 

はそれが役に立てば幸いです。