微信h5，背景音乐自动播放

时间：2018-10-18 18:05:35 收藏：0 阅读：353

移动端默认是禁止背景音乐自动播放的，很多需求都需要在页面加载完成的情况下同时出现背景音乐。

既然是微信h5，那么wx.config肯定不陌生，废话不多，直接上代码：

html:
　　<audio src="../audio/one.mp3" id="audioPlay"></audio>

js:
　　wx.config({
   　　debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来
   　　appId: data.configMap.appId, // 必填，公众号的唯一标识
  　　 timestamp: data.configMap.timestamp, // 必填，生成签名的时间戳
   　　nonceStr: data.configMap.nonceStr, // 必填，生成签名的随机串
  　　 signature: data.configMap.signature,// 必填，签名，见附录1
     　jsApiList: [
         "onMenuShareTimeline",//分享朋友圈接口
         "onMenuShareAppMessage"//分享给朋友接口
     　] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
　　});
　　wx.ready(function(){
　　　　var audio = document.getElementById("audioPlay");
　　　　audio.play()
　　})

wx.config配置成功之后执行wx.ready，在ready里让音乐播放就可以达到自动播放的要求，遗憾的是这个方法只能让音乐自动播放，视频还是需要触发才能自动播放...