带有音频标签的MP3在Safari中不起作用

我正在尝试使用标签在页面中播放mp3。该网站基于WordPress。音频播放器不会出现在野生动物园中, 而是可以在其他浏览器中运行。

这是页面网址：http://soundhealingcenter.com/love/braintests/

这是我尝试使用的代码：

<audio controls="controls">
    <source src="http://soundhealingcenter.com/online/BetaA.mp3" type="audio/mpeg" />
</audio>

#1

音频播放器*确实会出现*在Safari中, 并且音频可以正确播放。似乎所有音频都是同时加载的, 并且由于每个音频大约需要20分钟, 因此这会花费大量时间, 具体取决于连接速度。在我的情况下, 第二个首先完成加载, 然后是4、5、9、10。其他仍在加载(因此无法启动)。

因此, 你可能需要考虑通过在音频标签中添加属性preload =” none”来停用页面加载时的自动加载功能, 这样可以

<audio controls="controls" preload="none">
    <source src="http://soundhealingcenter.com/online/BetaA.mp3" type="audio/mpeg" />
</audio>

#2

我也遇到了这样的问题, 通过音频标签中的预加载属性修复了它。由于我的音频文件很小, 因此我使用了preload = auto。只有下载完完整的音频后, Safari才会开始播放。这是我的参考：https：//codepen.io/aravi-pen/pen/OxPaVb。有关预加载标签的更多信息, 请参阅此处：https：//html.com / attributes / audio-preload /

Thanks!