使用HTML5的`<audio>`标签进行音频流传输

Question

我正在尝试使用HTML5中的<audio>标签从Dreamhost托管的网站上流式传输一系列讲座的音频，但并不成功。实际代码如下：

<audio id="playerTwo" class="player" controls="controls" preload="none">
<source src="audio.ogg" type="audio/ogg; codecs='vorbis'"/>
<source src="audio.mp3" type="audio/mpeg"/>
</audio>

我还有一个.htaccess文件，用于包含apache的正确mime类型。

AddType audio/ogg .ogg

AddType audio/mpeg .mp3

这些OGG文件约有8兆字节，MP3文件约为13兆字节。每个文件都是从Audacity导出的。

当我在运行win32版本的apache 2.2.14和php 5.3.1的Windows 7机器上本地服务时，所有内容在FF、Chrome和Safari中都可以正常播放。

但在Dreamhost上情况并不顺利。（他们运行apache 2.2.15和php 5.2.14。）FF在5秒后停止播放音频文件。Chrome播放音频文件，但音频经常会跳跃。Safari正确播放音频，但单击播放按钮和音频实际开始流式传输和播放之间的延迟约为三分钟。

如果我用Silverlight播放器而不是使用

- mbmxyz

Answer 1

通过使用ASCII传输类型而不是二进制传输类型上传音频文件，会导致问题。在上传过程中，音频文件会损坏，因此它们无法正常播放并出现问题是意料之中的。令人惊讶的是，MP3文件可以较好地播放，但OGG文件不能。

以上就是答案。

- mbmxyz