7

我正在尝试在 Dreamhost 托管的网站上使用<audio>html5 中的标签从讲座系列中流式传输音频，但没有太大成功。实际代码是

<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 音频/ogg .ogg

AddType 音频/mpeg .mp3

ogg 文件约为 8 兆，mp3 文件约为 13 兆。每个文件都是从 Audacity 导出的。

在我的 Windows 7 机器上本地服务时，FF、Chrome 和 Safari 中的一切都运行良好（运行 apache 2.2.14 和 php 5.3.1 的 win32 版本）。

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

如果<audio>我不使用标签，而是使用 Silverlight 播放器从 Dreamhost 播放 mp3 文件，它们可以正确播放和播放。

关于我需要做什么才能使<audio>标签正常工作的任何建议。据我所知，html5 音频是客户端技术，Silverlight 也是如此。因此，理论上，Dreamhost 应该对<audio>标签的执行方式没有影响。

无论如何，任何人都对哪里不对劲有任何想法。

谢谢。

4

1 回答 1

12

通过filezilla以ascii传输类型而不是二进制传输类型上传音频文件导致的问题。音频文件在上传过程中被损坏，所以播放不好也就不足为奇了。令人惊讶的是，mp3 文件确实可以播放，尽管 ogg 文件没有。

这就是这里的答案。

于 2010-10-14T05:53:19.410 回答