如何最小化html5音频标签的加载时间?

时间:2011-07-07 13:58:51

标签: javascript html5 audio

美好的一天,

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

(1)Imac上的Safari需要大约一分钟才能加载文件并开始播放 (2)虽然我在代码中使用了autoplay属性,但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>

感谢您的帮助

3 个答案:

答案 0 :(得分:1)

我相信你无法在iPhone上自动播放。我认为这是为了防止意外数据使用过多而施加的限制。创建虚假点击有一些变通方法,但它们似乎已被修补。

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

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

答案 1 :(得分:0)

只是抬头......因为HTML 5在语法上不是基于XML的,所以你不会分配这样的属性。

使用<audio autoplay controls>作为开头标记。

答案 2 :(得分:0)

据我所知,他们不希望在Iphone / Ipads上使用自动播放html标签。

以下是一些可能对您有帮助的代码的链接:)。

Iphone Autoplay.

它说你可以用一些javascript解决它。

希望有帮助:)。