欢迎来到懒人模板!我们专注移动互联网,所有模板永久免费下载!
  • 首 页
  • 当前位置:主页 > 公众号教程 >

    解决微信页面背景音乐无法自动播放的方法汇总

    2018-05-02 11:57 来源/作者:懒人模板 分类:公众号教程  « »

      最近的懒友开发项目,又发现了一个头疼的问题。部分的iOS微信,打开有自动播放背景音乐的页面没有声音!最头疼的是这个问题出现做同款机子,相同的iOS系统,相同的微信版本!但是就是部分没有音乐的。下面总结下面所有方法:

      1.不支持audio的autoplay,部分的IOS微信(本文提供的解决方案)
      
      2.不支持audio的autoplay,部分的安卓机子的自带浏览器(比如小米,开始模仿safari)和全部的ios safari(这种只能做用户触屏时就触发播放了)
      
      3.支持audio的autoplay,大部分安卓机子的自带浏览器和微信,大部分的IOS微信(无需特殊解决)

    <audio src="bg.mp3" id="Jaudio" class="media-audio" autoplay preload loop="loop"></audio>  
    
    
    
    function audioAutoPlay(id){  
        var audio = document.getElementById(id),  
            play = function(){  
                audio.play();  
                document.removeEventListener("touchstart",play, false);  
            };  
        audio.play();  
        document.addEventListener("WeixinJSBridgeReady", function () {  
            play();  
        }, false);  
        document.addEventListener('YixinJSBridgeReady', function() {  
            play();  
        }, false);  
        document.addEventListener("touchstart",play, false);  
    }  
    audioAutoPlay('Jaudio');  

    点击扫描效果预览免费下载免登陆网盘下载
    标签:
    * 懒人模板承诺:本站所有资源免费下载,无病毒,无弹窗,无干扰链接! 提点建议
    博聚网