html5 音频 mp3 在 Firefox 中不工作

2023-12-26

我有这个jsFiddle https://jsfiddle.net/prof_bokdrol/Lepnjjyb/它在 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 http://dev-audio-test.s3-website-us-east-1.amazonaws.com/index.html它由简单的媒体播放器 (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 中对此进行了测试,在所有情况下,Firefox 都不会播放音频,而其他浏览器则会播放音频。

Edit:

为了回应评论,当我点击直接link http://dev-audio-test.s3-website-us-east-1.amazonaws.com/08xCf21_niXjQmGmanVUrR0Tk2h2mKSMw_sxg03CrycaxhNiqhX9_NFYhHBw7eJcp_ru52kdQRW88YigtmTE0w==.mp3到 mp3 它在 Firefox 中播放良好。该问题仅出现在 html 标记中。


K3N 在他的评论中正确地提出了这个问题“有问题的音频文件不是 MP3 文件,而是 WAVE 文件容器文件,它似乎嵌入了 MP3 编码数据”。 我通过执行确认了这一点avconv -i <filename>在有问题的 .mp3 上。然后我使用重新编码该文件avconv -i <filename> -ar 11025 <new-filename>并创建了一个新的测试链接here http://dev-audio-test.s3-website-us-east-1.amazonaws.com/index6.html它可以在 Firefox 中正确播放 .mp3 文件。

(两者都avconv上述操作可以使用执行ffmpeg以及。)

我已经在 OS X 10.11.4、Ubuntu 14.04 和 Windows 10 上的 Firefox 中对此进行了测试,在所有情况下 Firefox 都会播放新的重新打包的文件。

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

html5 音频 mp3 在 Firefox 中不工作 的相关文章