苹果手机IOS的移动端背景音乐audio不能自动播放

文章摘要:苹果手机IOS的移动端背景音乐audio不能自动播放原因是因为ios的安全机制,把audio的canplay事件禁止了,导致了ios设备上自动播放功能不能简单的实现,需要用户点击一次才能播放。怎么

苹果手机IOS的移动端背景音乐audio不能自动播放原因是因为ios的安全机制,把audio的canplay事件禁止了,导致了ios设备上自动播放功能不能简单的实现,需要用户点击一次才能播放。怎么才能实现打开网站自动播放背景音乐呢?

安卓的自动播放:

  1. <script type="text/javascript">
  2. document.getElementById('musicAudio').setAttribute('src', 'your.mp3')
  3. document.getElementById('musicAudio').play()
  4. </script>

ios进入页面时候进行自动播放:

1、首先引入微信js

  1. http://res.wx.qq.com/open/js/jweixin-1.2.0.js

2、添加audio并且用js控制

  1. <audio id="musicAudio" ></audio>
  2. <script type="text/javascript">
  3. wx.config({
  4.  debug: false,
  5.   appId: data.appid,
  6.   timestamp: data.timestamp,
  7.   nonceStr: data.noncestr,
  8.   signature: data.signature,
  9.   jsApiList: []
  10. })
  11. wx.ready(function() {
  12.   // 在微信的ready中进行播放 不管成功配置与否 都会执行ready
  13.   document.getElementById('musicAudio').setAttribute('src', 'your.mp3')
  14.   document.getElementById('musicAudio').play()
  15. })
  16. </script>
  • 版权声明:本站原创文章,于2020-04-28 10:01,由 发表。
  • 转载请注明出处