html5 audio标签切换播放音乐的方法

最新推荐文章于 2023-08-17 22:18:51 发布

原创最新推荐文章于 2023-08-17 22:18:51 发布 · 1.1w 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一种使用HTML5的Audio标签实现音乐文件切换播放的方法。通过暂停当前播放的音乐，更新源文件路径，再重新播放的方式实现了无缝切换。此方法适用于网页应用中音乐播放功能的开发。

html5 audio标签切换播放音乐的方法

  

  
   测试1
  

  
   测试2
  

  
   测试3
  

  
   测试4
  



$('.ceshiqiehuan').each(function () {
    $(this).on('touchstart', function () {

        $('#music1')[0].pause();
        var luyinpath = $(this).attr('luyinpath');
        $('#music1').attr('src', luyinpath);
        $('#music1')[0].play();
    })
})

总结
先pause关闭 然后更换路径 然后play播放

查看原文：http://newmiracle.cn/?p=1034