Question

我正在尝试创建自己的音频播放器。我在谷歌浏览器中检查了它，一切都运行良好。但是当我尝试在Firefox和Opera（最新版本）中使用它时，它没有。例如，我有：

<!DOCTYPE html>
<head>
</head>
<body>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <div id="play">click me</div>
    <audio class="tr_audio">
       <source src="ogg/track1.ogg" type="audio/ogg; codecs='vorbis'">
       <source src="track1.mp3" type="audio/mpeg; codecs='mp3'">
    </audio>
    <script>
        $("#play").click(function() {
            $("audio").get(0).play();
            alert($("audio").get(0));
        });
    </script>
</body>

它在Chrome中运行良好，但在Opera和Firefox中无效。为什么呢？

Answer 1

使用您的代码并在Firefox中测试它清楚地表明问题是编解码器。从firefox控制台日志中复制了以下行：

[10：20：19.068]不支持“audio / ogg; codecs ='vorbis'”的指定“type”属性。加载媒体资源Example.ogg失败。 @ http://example.com/

[10：20：19.068]不支持“audio / mpeg; codecs ='mp3'”的指定“type”属性。媒体资源Example.mp3的加载失败。 @ http://example.com/

然后，从codecs属性中删除type规范使其在Firefox，Safari和Opera中有效。

<audio class="tr_audio">
   <source src="ogg/track1.ogg" type="audio/ogg">
   <source src="track1.mp3" type="audio/mpeg">
</audio>

我希望它有所帮助。干杯

Answer 2

如果您没有注意到MP3音频现在可以在<audio>标签中播放而无需编辑浏览器的about：config，那么任何人都可以使用测试版FireFox 21。现在我们只是需要它正确发布！

Answer 3

Firefox 24.0截至2013年万圣节，通过firebug 1.12.4来自MP3源

<source src="media/SoundFile.mp3" type="audio/mpeg" />

[! Yellow Warning] Specified "type" attribute of "audio/mpeg" is not supported. Load of media resource media/SoundFile.mp3 failed.

最初我尝试了各种编解码器条目，但它确实不喜欢它们。例如，Ogg在我删除编解码器声明之前的情况类似，所以这个想法没有帮助。

我想我刚刚记录到，虽然自从Firefox版本21开始支持MP3，但由于某种原因，它仍然无法在这里工作。

嗯，我现在应该提到这是来自本地文件，因此可能与Win7上缺少的MIME类型或想到的东西有关。

这里没有等待一分钟......现在我认为这是一个简单的许可问题。

所以真的是错误记录它应该解释许可是否是问题。

音频标签在Firefox和Opera中不起作用

3 个答案: