Question

所以我进入了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后备库，而这不是我正在搜索的内容。

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

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

编辑：浏览器如下（所有在Windows XP上）：chrome，firefox，Opera，Safari。和IE，但那个不是这个问题的一部分。

Answer 1

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

Answer 2

如果您需要兼容IE 7＆amp; 8你应该使用第三方库。但如果不是 - 保持简单。您只需使用mp3 and 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类型。如果没有这一步，音频将在某些浏览器上失败。

使用适用于每个浏览器的音频标签

2 个答案: