我正在尝试使用 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 类型。

添加类型音频/ogg .ogg

AddType 音频/mpeg .mp3

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

在我的 Windows 7 机器(运行 apache 2.2.14 和 php 5.3.1 的 win32 版本)上本地提供时,FF、Chrome 和 Safari 中的一切都运行良好。

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

如果我不使用 <audio> 标记,而是使用 Silverlight 播放器播放 Dreamhost 中的 mp3 文件,它们将正确流式传输和播放。

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

无论如何,任何人都对有什么不妥之处有任何想法。

谢谢。

最佳答案

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

这就是这里的答案。

关于audio - 使用 html5 `<audio>` 标签流式传输音频,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3809519/

10-11 22:16
查看更多