码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-10-18 18:05:35      阅读:353      评论:0      收藏:0      [点我收藏+]

标签:ppm   分享   menus   fun   ESS   公众   function   16px   play   

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

既然是微信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里让音乐播放就可以达到自动播放的要求,遗憾的是这个方法只能让音乐自动播放,视频还是需要触发才能自动播放...

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

标签:ppm   分享   menus   fun   ESS   公众   function   16px   play   

原文地址:https://www.cnblogs.com/caoxiaokang/p/9811815.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!