关于手机端audio无法自动播放问题解决方法

此方法可能只适用与用微信浏览器打开的页面。。。


<audio id="a" src="bg.mp3" autoplay></audio>

 

第一步:引入微信js

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

 

第二步:wx.config

wx.config({

    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

    appId: '', // 必填,公众号的唯一标识

    timestamp: , // 必填,生成签名的时间戳

    nonceStr: '', // 必填,生成签名的随机串

    signature: '',// 必填,签名,见附录1

    jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2

});

填上相应的参数

第三步:在wx.ready中调用play()

<script>

function autoPlayAudio1(){

wx.ready(function() {

  document.getElementById('a').play();

  }

}

autoPlayAudio1();


</script>

 

 

测试OK 可以自动播放了。。

 

原文地址:https://www.cnblogs.com/oceanL/p/5667468.html