0

所以我进入了 HTML5,并成功地创建了一个与所有浏览器兼容的视频。(通过简单地给它多个来源)

由于音频和视频元素有很多相似之处,我尝试对音频元素做同样的事情。像这样:

        <audio controls="controls" preload="auto">
            <source src="s/audiomp3.mp3" type='audio/mpeg; codecs="mp3"'/><%-- Chrome --%>
            <source src="s/audioogg.ogg" type='audio/ogg; codecs="vorbis"'><%-- Chrome & Opera --%>
            <source src="s/audiomp4.mp4" type='audio/mp4; codecs="mp4a.40.5"'><%-- Chrome --%>
            <source src="s/audiowav.wav" type='audio/wav; codecs="1"'><%-- Chrome --%>
        </audio>

有人看到问题是什么,或者是否有办法解决这段代码的问题?使用视频标签,我可以做同样的事情并让视频在我在这里拥有的每个浏览器中工作。

我已经搜索过这个,但只找到了 js fallback libraries,这不是我要搜索的。

或者这是唯一的解决方案?只是在每个不接受扩展的浏览器中实现 js/flash 回退?

编辑:请注意评论是针对 ASP.net 的,所以请忽略它们。这些是他们目前工作的浏览器。在我正在测试的 5 个中,它太少了。

编辑:浏览器如下(都在 windows xp 上):chrome、firefox、Opera、Safari。还有 IE,但那不是这个问题的一部分。

4

2 回答 2

0

如果您需要与 IE 7 和 8 兼容,您应该使用第三方库。但如果不是 - 保持简单。您只需要使用mp3 和 ogg即可覆盖所有主流浏览器。

<audio controls="controls">
    <source src="s/audioogg.ogg" type="audio/ogg"/>
    <source src="s/audiomp3.mp3" type="audio/mpeg"/>
</audio>

更重要的是,确保您的 Web 服务器配置为在提供 ogg 和 mp3 文件(audio/ogg 和 audio/mpeg)时使用正确的 MIME 类型。如果没有这一步,音频将在某些浏览器上失败。

于 2012-10-12T01:27:53.540 回答
0

只需使用 SoundManager2:http ://www.schillmania.com/projects/soundmanager2/

于 2012-10-02T07:36:38.023 回答