移动设备上的 HTML5 音频：等待播放答案

【问题标题】：HTML5 audio on mobile: wait for playing移动设备上的 HTML5 音频：等待播放
【发布时间】：2011-09-08 10:05:30
【问题描述】：

我使用audio标签播放声音，代码如下：

<audio autoplay="autoplay" controls="controls">
   <source src="' + PathMp3 + '" type="audio/mp3" />
   <source src="' + PathOgg + '" type="audio/ogg" />
   Your browser does not support the audio element.
</audio>

音频文件放置在服务器上。当我在PC上打开html页面时，当我点击播放器时立即开始播放音频。

但是在手机上，我点击播放器并等待超过 30 秒（有时是 90 秒！），然后它才开始播放。很长的延迟。

移动互联网当然没有普通的那么快，但它是3G，音频文件的平均大小为1.7 Mb，并不多。

为什么加载时不播放音频？我需要在获得第一个字节后开始播放。怎么做？

谢谢

【问题讨论】：

标签： html audio mobile delay

【解决方案1】：

您的移动浏览器不会自动播放这些文件，您必须点击它们才能开始播放。

这是一个限制，因此随机站点不会通过自动播放巨大的音频文件来浪费 3g 用户带宽。

【讨论】：

是的，但是我在点击后等待。它是点击->等待->播放。如何减少或消除等待？

【解决方案2】：

<audio autoplay controls preload>
    <source src="' + PathMp3 + '" type="audio/mpeg" />
    <source src="' + PathOgg + '" type="audio/ogg" />
    Your browser does not support the audio element.
</audio>

你试过这种方法吗？

顺便说一下，据我所知，mp3 的 MIME 类型为“audio/mpeg”。

【讨论】：