html5 音频 mp3 在 firefox 中不工作

Question

我有这个 jsFiddle，它在 Chrome 和 Safari 中运行良好，但在 firefox 中不起作用。示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>Simple Media Player</title>
    <style>
        body, div { margin: 0; }
    </style>
</head>
<body>
    <audio preload="auto" controls autoplay>
       <source src="http://dev-audio-test.s3-website-us-east-1.amazonaws.com/08xCf21_niXjQmGmanVUrR0Tk2h2mKSMw_sxg03CrycaxhNiqhX9_NFYhHBw7eJcp_ru52kdQRW88YigtmTE0w==.mp3" type="audio/mpeg" />
    </audio>
</body>
</html>

我已经建立了一个简单的例子来说明什么不起作用here它由简单的媒体播放器（index.html）和上面代码示例中命名的单个 mp3 组成。

在 firefox 中测试时音频控件出现然后消失，并且在开发人员工具控制台中显示以下消息：

13:33:01.217 Media resource http://dev-audio-test.s3-website-us-east-1.amazonaws.com/08xCf21_niXjQmGmanVUrR0Tk2h2mKSMw_sxg03CrycaxhNiqhX9_NFYhHBw7eJcp_ru52kdQRW88YigtmTE0w==.mp3 could not be decoded.1 dev-audio-test.s3-website-us-east-1.amazonaws.com

我已经在 OS X 10.11.4（Chrome、Safari、Firefox）、Ubuntu 14.04（Chrome、Firefox）和 Windows 10（Chrome Firefox）在所有情况下，Firefox 都不会播放音频，而其他浏览器会播放。

编辑：

作为对评论的回应，当我直接点击 link 到 mp3 时，它在 Firefox 中播放良好。只有 html 标签才会出现此问题。

Answer 1

K3N 在他的评论 "The audio file in question is not a MP3 file but a WAVE file container file which seem to be embedding MP3 encoded data" 中正确地提出了这个问题。我通过对有问题的 .mp3 执行 avconv -i <filename> 来确认这一点。然后我使用 avconv -i <filename> -ar 11025 <new-filename> 重新编码文件并创建了一个新的测试-link here 可以在 Firefox 中正确播放 .mp3 文件。

（上面的两个 avconv 操作也可以使用 ffmpeg 执行。）

我已经在 OS X 10.11.4、Ubuntu 14.04 和 Windows 10 上的 firefox 中测试过，在所有情况下，Firefox 都会播放新的重新打包的文件。

注意。经过进一步调查，采样率 (11025 Hz) 不是问题。我在那里的测试掩盖了 K3N 通过正确重新打包 .mp3

提出的问题

html5 音频 mp3 在 firefox 中不工作

html5 audio mp3 not working in firefox

html

audio

html5-audio

web-audio-api