Comment rejouer l'ensemble des audios

Question

Le code suivant lit les trois fichiers audio automatiquement après le chargement de la page après un délai de deux audios. Mais je veux créer un bouton "Replay" qui répète l'action expliquée ci-dessus automatiquement!

<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> 

Comment puis-je y parvenir?

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