微信H5音乐自动播放

  • Post author:
  • Post category:其他




1.Android微信内网页音频自动播放能力调整

微信内网页在不经过用户分许的情况下自动播放音频,会导致用户没有预期、用户体验养等问题。此外,音频自动播放可能会在用户不知情的情况下给用户带来较大的流量消耗。基于此,微信公众平台将对微信内网页自动播放音频能力进行如下调整:自2020年04月28日起,用户打开微信内网页时将无法自动播放音频。必须在得到用户手动允许(比如触屏幕,单击按钮等)的情况下,才能播放音频,开发者可以提前进行适配调试。

在这里插入图片描述



2.解决办法

创建触摸监听,当浏览器打开页面时,触摸屏幕触发事件,进行音频播放



vue3 写法

    <audio id="bgmusic" autoplay loop>
      <source src="../assets/123456.mp3" />
    </audio>



js代码

document.addEventListener('touchstart', function() {
  document.getElementById('mymusic').play()
})



版权声明:本文为imouse728原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。