音声全体を再生する方法

Question

次のコードは、2つの音声の間にある程度遅れてページが読み込まれた後、自動的に3つの音声を再生します。しかし、私は上記のアクションを自動的に繰り返すボタン "リプレイ"を作りたいと思っています！

<audio id="my_audio" > 
       <source src="bark.mp3" type="audio/mpeg"> 
      </audio> 
      <audio id="my_audio2"> 
       <source src="roar.mp3" type="audio/mpeg"> 
      </audio> 

      <audio id="my_audio3"> 
       <source src="hoot.mp3" type="audio/mpeg"> 
      </audio> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("#my_audio").get(0).play(); 

      $("#my_audio").bind("ended", function(){ 
       setTimeout(function() { $("#my_audio2").get(0).play(); },2000); 

       $("#my_audio2").bind("ended", function(){ 
        setTimeout(function() { $("#my_audio3").get(0).play(); },2000);     
      });  
      });  
    });  

    </script> 

どうすれば達成できますか？

Answer 1

$(document).ready(function() { 
    RePlay(); 
    $("button").on("click",function(){ RePlay();}): 
    }); 

    function RePlay(){ 
    $("#my_audio").get(0).play(); 
    $("#my_audio").bind("ended", function(){ 
     setTimeout(function() { $("#my_audio2").get(0).play(); },2000); 
     $("#my_audio2").bind("ended", function(){ 
     setTimeout(function() { $("#my_audio3").get(0).play(); },2000); 
     }); 
    }); 
    }