解决苹果Safari 浏览器下audio隐藏不自动播放-实时语音通话功能【唯一客服】

如果我们想隐藏默认的audio控件，但是仍然想自动播放声音

当 audio 元素设置为 display: none 或 visibility: hidden 时，音频仍然会被加载，但是无法自动播放

这是因为在这种情况下，浏览器会将音频元素标记为“不可见”，从而禁止自动播放

 

可以使用 opacity 属性或 position: absolute; left: -9999px; 等方式进行样式处理，而不是使用 display: none 或 visibility: hidden。

这样可以确保音频元素被正确加载，并且可以自动播放