微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

用html5“标签传输音频

我正在尝试使用< audio>在讲座系列中在Dreamhost托管的网站上传输音频.标记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-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.)
5秒后FF停止播放音频文件. Chrome播放音频文件,但音频会频繁跳过. Safari正确播放音频,但点击播放按钮和实际开始播放和播放的音频之间的延迟大约是三分钟.

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

关于我需要做什么来获得< audio>的任何建议标签工作正常.据我所知,html5音频是客户端技术,Silverlight也是如此.所以,从理论上讲,Dreamhost应该对< audio>的方式没有影响.标签执行.

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

谢谢.

解决方法

通过ascii传输类型的filezilla上传音频文件而不是二进制传输类型导致的问题.上传过程中音频文件已损坏,因此没有太大的惊喜,因为它们播放效果不佳.令人惊讶的是,mp3文件确实可以播放,尽管ogg文件没有.

这就是答案.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。