3

我正在尝试创建自己的音频播放器。我已经在 Google Chrome 中检查过，一切正常。但是当我尝试在 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 中不起作用。为什么？

4

3 回答 3

2

使用您的代码并在 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>

我希望它有所帮助。干杯

于 2012-11-04T12:24:44.770 回答
0

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

于 2013-04-12T09:32:21.397 回答
0

Firefox 24.0 从 2013 年万圣节到 MP3 源的 firebug 1.12.4

<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 也犯了类似的错误。所以这个想法没有帮助。

我想我只是记录了即使 MP3 自 Firefox 版本 21 起就被支持，但由于某种原因它仍然无法在这里工作。

嗯，我应该提到这是来自本地文件，所以可能与 Win7 上缺少的 MIME 类型有关，或者想到了什么。

不用等了……现在我认为这是一个简单的许可问题。

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

于 2013-10-29T09:57:43.367 回答