使用html5`<audio>`标签流式传输音频
我试图在使用html5中的<audio>
标记的讲座系列中的Dreamhost主持的网站上流式<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文件来为apache包含正确的mime类型。
AddType音频/ ogg .ogg
AddType音频/ mpeg .mp3
ogg文件大约8 megs,mp3文件大约13 megs。 每个文件都从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>
标签的执行方式。
无论如何,任何人对什么是错误都有任何想法。
谢谢。
以ascii传输类型通过filezilla上传音频文件导致的问题,而不是二进制传输类型。 音频文件在上传过程中被破坏,所以没有太大的惊喜,他们没有发挥出色。 令人惊讶的是,mp3文件确实可以播放,尽管ogg文件没有。
这就是答案。
链接地址: http://www.djcxy.com/p/60729.html上一篇: streaming audio with html5 `<audio>` tag
下一篇: Seeking through a streamed MP3 file with HTML5 <audio> tag