如何重放整组音频

Question

以下代码在两个音频之间的某个时间延迟后加载页面后自动播放三个音频。但我想创建一个按钮“重放”，自动重复上述解释的操作！

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