javascript - 如何减少html5音频标签的加载时间？

Question

美好的一天，

我正在尝试使用html音频标签和一些javascript构建一个简单的音乐播放器。当我编码时，将文件存储在safari(在Imac上)和Firefox本地存储时工作正常。然后，我将其上传到我的网页以对其进行实时测试，并遇到以下问题:

(1)Imac上的Safari大约需要一分钟时间来加载文件并开始播放
(2)尽管我在代码中使用了自动播放属性，但iPhone上的Safari不会自动播放文件...。请参见下面的代码)
(3)Firefox无法播放! (尽管当文件位于本地时播放效果很好)

好像文件太大。...我的问题是:(1)有没有一种方法可以缩短加载时间？ (2)知道为什么自动播放无法在iPhone Safari上运行以及如何解决吗？

这是我用于歌曲的代码:

<audio autoplay="autoplay" controls="controls">
<source src="../audio/3.ogv" />
<source src="../audio/3.mp3" />
Your browser does not support the audio element.
</audio>

谢谢你的帮助

迭戈

Answer 1

我相信您无法在iPhone上自动播放。我认为这是为了防止过多使用意外数据而施加的限制。有一些解决方法可以创建虚假点击，但似乎已对其进行了修补。

Firefox不通过HTML5支持MP3。 ogv文件是Ogg视频，而不是音频(ogg)，这可能就是为什么它未在音频标签中播放的原因。

至于加载时间，最好的方法是尽可能地压缩文件。这将减少下载时间。