全国服务热线:4008-888-888

技术知识

处理HTML5中的audio在手机上端和手机微信端不可以

再做H5网页页面的情况下,发现audio在手机上端和手机微信端加上了autoplay之后還是不能以全自动播发,这是由于手机上端以便节省漂泊所设定的

一般处理方式是给1个互动恶性事件:

标识:

<audio loop src="/photo/aa.mp3" id="audio" autoplay preload="auto">

该访问器不适用audio特性</audio>

处理方式:

//--建立网页页面监视,等候手机微信端网页页面载入结束 开启声频播发
document.addEventListener('DOMContentLoaded', function () {
    function audioAutoPlay() {
        var audio = document.getElementById('audio');
            audio.play();
        document.addEventListener("WeixinJSBridgeReady", function () {
            audio.play();
        }, false);
    }
    audioAutoPlay();
});
//--建立触碰监视,当访问器开启网页页面时,触碰显示屏开启恶性事件,开展声频播发
document.addEventListener('touchstart', function () {
    function audioAutoPlay() {
        var audio = document.getElementById('audio');
            audio.play();
    }
    audioAutoPlay();
});

也有1种对于iPhone的手机上手机微信端处理方式

第1步:引进js文档

<script src="http://res.wx.qq.com/open/js/jweixin⑴.0.0.js"></script>

第2步:配备文档

<script>
        function autoPlayVideo(){
            wx.config({
                debug:false,
                appId:"",
                timestamp:1,
                nonceStr:"",
                signature:"",
                jsApiList:[]
            });
            wx.ready(function(){
                var autoplayVideo=document.getElementById("audio");
                autoplayVideo.play()
            })
        };
        autoPlayVideo();
</script>

这样在互联网平稳的状况下是能够全自动播发的。

总结

以上所述是网编给大伙儿详细介绍的处理HTML5中的audio在手机上端和手机微信端不可以全自动播发难题,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!
假如你感觉本文对你有协助,欢迎转载,烦请注明出处,感谢!



在线客服

关闭

客户服务热线
4008-888-888


点击这里给我发消息 在线客服

点击这里给我发消息 在线客服