小编mbm*_*xyz的帖子

使用html5"<audio>"标签流式传输音频

我正在尝试使用<audio>html5中的标签从讲座系列中在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>
Run Code Online (Sandbox Code Playgroud)

我还有一个.htaccess文件,包含apache的正确mime-types.

AddType audio/ogg .ogg

AddType audio/mpeg .mp3

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

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

在Dreamhost上,事情并没有那么顺利.(他们运行apache 2.2.15和php 5.2.14.)FF在5秒后停止播放音频文件.Chrome会播放音频文件,但音频会频繁跳过.Safari正确播放音频,但点击播放按钮和实际开始播放和播放的音频之间的延迟大约是三分钟.

如果不是使用<audio>标签,我使用Silverlight播放器播放Dreamhost中的mp3文件,它们可以正常播放和播放.

有关如何使<audio>标记正常工作的任何建议.据我所知,html5音频是客户端技术,Silverlight也是如此.因此,从理论上讲,Dreamhost应该对<audio>标签的执行方式没有影响.

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

谢谢.

audio streaming html5 mp3 ogg

7
推荐指数
1
解决办法
6786
查看次数

标签 统计

audio ×1

html5 ×1

mp3 ×1

ogg ×1

streaming ×1