美好的一天,
我正在尝试使用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>
感谢您的帮助
迭
答案 0 :(得分:1)
我相信你无法在iPhone上自动播放。我认为这是为了防止意外数据使用过多而施加的限制。创建虚假点击有一些变通方法,但它们似乎已被修补。
Firefox不支持通过HTML5播放MP3。 ogv
个文件是Ogg视频,而不是音频(ogg
),这可能就是它不能在音频标签中播放的原因。
至于加载时间,最好的方法是尽可能压缩文件。这会减少下载时间。
答案 1 :(得分:0)
只是抬头......因为HTML 5在语法上不是基于XML的,所以你不会分配这样的属性。
使用<audio autoplay controls>
作为开头标记。
答案 2 :(得分:0)
据我所知,他们不希望在Iphone / Ipads上使用自动播放html标签。
以下是一些可能对您有帮助的代码的链接:)。
它说你可以用一些javascript解决它。
希望有帮助:)。