audio在ios系统上不能自动播放

最新推荐文章于 2021-07-01 10:17:50 发布

兢兢业业程序员

最新推荐文章于 2021-07-01 10:17:50 发布

阅读量601

点赞数

CC 4.0 BY-SA版权

文章标签： html5 ios audio

本文链接：https://blog.csdn.net/weixin_41587194/article/details/102605008

本文探讨了在iOS系统的微信环境中实现音频自动播放的问题。由于iOS的限制，通常需要用户触发才能播放音频。文章提供了通过JavaScript检测微信环境并自动播放音频的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

audio设置了自动播放，在安卓系统上可以自动播放，但是在IOS系统上由于限流机制不能自动播放，所以要用户触发播放事件才能播放

<audio id="singleDog" autoplay="autoplay" loop="loop">
      <source src="singleDog.wav" type="audio/wav">
</audio>

解决IOS微信环境下不能自动播放

const singleDog= document.getElementById('singleDog');
if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
        singleDog.play();
} else {
    if (document.addEventListener) {
         document.addEventListener("WeixinJSBridgeReady", function() {
            singleDog.play();
         }, false);
    } else if (document.attachEvent) {
         document.attachEvent("WeixinJSBridgeReady", function() {
            singleDog.play();
         });
         document.attachEvent("onWeixinJSBridgeReady", function() {
            singleDog.play();
         });
    }
}