在实现我的客服系统中，实时语音通话功能的时候，如果想自动播放音视频流，在苹果设备上遇到了问题。
苹果浏览器(Safari)在默认情况下不允许声音在背景里自动播放。这是出于用户体验和隐私方面的考虑，避免在用户没有意识到的情况下自动播放声音。
解决办法是
iOS 11 及以上版本的 Safari 浏览器。当用户已经有过至少一次交互以后，可以设置下面两个属性，muted 和 playsinline 属性。然后动态js设置一下，就能自动播放声音了
<audio id="myAudio" src="audio.mp3" muted playsinline></audio>
然后在js里动态设置一下属性
var myAudio = document.getElementById('myAudio');
myAudio.muted = false; // 将 muted 属性设置为 false
myAudio.autoplay = true; // 将 autoplay 属性设置为 true
myAudio.play(); // 播放音频
这样文章来源：https://www.toymoban.com/news/detail-518580.html
在页面至少有过交互以后，可以让苹果设备上自动播放声音了文章来源地址https://www.toymoban.com/news/detail-518580.html
到了这里，关于解决苹果Safari 浏览器下html不能自动播放声音和视频的问题-实时语音通话功能【唯一客服】...的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
