jquery - 如何重播整个音频

下面的代码在页面加载后在两个音频之间间隔了一段时间后自动播放了三个音频。但是我想创建一个按钮“重播”，该按钮会自动重复上述操作!

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

我该如何实现？

最佳答案

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

关于jquery - 如何重播整个音频，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46412411/