解决苹果Safari 浏览器下html不能自动播放声音和视频的问题-实时语音通话功能【唯一客服】

在实现我的客服系统中，实时语音通话功能的时候，如果想自动播放音视频流，在苹果设备上遇到了问题。

苹果浏览器（Safari）在默认情况下不允许声音在背景里自动播放。这是出于用户体验和隐私方面的考虑，避免在用户没有意识到的情况下自动播放声音。

解决办法是

iOS 11 及以上版本的 Safari 浏览器。当用户已经有过至少一次交互以后，可以设置下面两个属性，muted 和 playsinline 属性。然后动态js设置一下，就能自动播放声音了

代码语言：javascript复制

<audio id="myAudio" src="audio.mp3" muted playsinline></audio>

然后在js里动态设置一下属性

代码语言：javascript复制

     var myAudio = document.getElementById('myAudio');
      myAudio.muted = false;  // 将 muted 属性设置为 false
      myAudio.autoplay = true;  // 将 autoplay 属性设置为 true
      myAudio.play();  // 播放音频

这样

在页面至少有过交互以后，可以让苹果设备上自动播放声音了

ios

0 人点赞