Question

我正在尝试使用标签在页面中播放mp3。该网站基于WordPress。音频播放器不会出现在safari中，而是在其他浏览器中工作。

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

以下是我尝试使用的代码：

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

Answer 1

音频播放器*在Safari中显示*，音频可以正常播放。似乎所有音频都是同时加载的，因为每个音频大约需要20分钟，这需要花费很多时间，这也取决于连接速度。在我的情况下，第二个完成首先加载，然后是4,5,9,10。其他仍在加载（因此无法启动）。

因此，您可以考虑通过将属性preload="none"添加到audio标记来停用自动加载页面加载，这样就可以

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

Answer 2

我也遇到过这样的问题，并通过音频标签中的preload attr修复它。由于我的音频文件很小，我使用了preload = auto。 Safari将在下载完整音频后开始播放。这是我的参考：https://codepen.io/aravi-pen/pen/OxPaVb.You可以参考此处了解有关预加载标记的更多信息：https://html.com/attributes/audio-preload/

Thanks!

带有音频标签的Mp3在safari中不起作用

2 个答案: