2010-09-28 27 views
7

我想在html5中使用<audio>标记的演讲系列在Dreamhost主持的网站上流式传输音频,但没有取得太大的成功。实际代码是流媒体音频与html5`<audio>`标记

<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文件,以包含正确的MIME类型的Apache。

将AddType音频/ 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>标签的执行方式没有影响。

无论如何,任何人对什么是错误都有任何想法。

谢谢。

回答

11

上传音频文件通过filezilla以ascii传输类型,而不是二进制传输类型导致的问题。音频文件在上传过程中被破坏,所以没有太大的惊喜,他们没有发挥出色。令人惊讶的是,mp3文件确实可以播放,尽管ogg文件没有。

这就是答案。

+13

您可以将自己的答案标记为已接受。 – TRiG 2010-11-05 13:41:15