js实现连续播放音频文件

最新推荐文章于 2023-07-25 16:50:57 发布

缘如风

最新推荐文章于 2023-07-25 16:50:57 发布

阅读量2k

点赞数

分类专栏： Web

本文链接：https://blog.csdn.net/chyuanrufeng/article/details/111084500

版权

Web 专栏收录该内容

20 篇文章 2 订阅

订阅专栏

代码如下


    <script type="text/javascript">
      
      let sounds = ["/data/1.wav","/data/2.wav","/data/3.wav"];
      let g_curidnex = 0;
      let g_audio = new Audio;
      $(function(){
          
      })
      
      function startpaly()
      {
          if (g_curidnex >= sounds.length)
            g_curidnex = 0;
          g_audio.pause();
          g_audio.src = sounds[g_curidnex];
          g_curidnex++;
          g_audio.play();
      }
      
      //监听事件方式1  这是重点
      // g_audio.addEventListener("ended",function()
      // {
         //  if (g_curidnex >= sounds.length)
         //      g_curidnex = 0;
         //  g_audio.src = sounds[g_curidnex];
         //  g_audio.play();
         //  g_curidnex++;
      // })
      //事件绑定利用qjuery
      $(g_audio).bind("ended",function(){
          if (g_curidnex >= sounds.length)
              g_curidnex = 0;
          g_audio.src = sounds[g_curidnex];
          g_audio.play();
          g_curidnex++;
      })
      
    </script>