HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5音频mp3无法在Firefox中运行大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个 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中进行了测试,但在其他浏览器中,Firefox不会播放音频.

编辑:

回复评论时,当我点击直接link到mp3时,它在Firefox中播放正常.只有html标记会出现此问题.

解决方法

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

(上面的两个avconv操作也可以使用ffmpeg执行.)

我在OS X 10.11.4,Ubuntu 14.04和Windows 10上的firefox中测试了这一点,在所有情况下Firefox都会播放新的重新打包文件.

NB.经过进一步调查,采样率(11025 Hz)不成问题.我的测试掩盖了K3N通过正确重新打包.mp3而引发的问题

大佬总结

以上是大佬教程为你收集整理的html5音频mp3无法在Firefox中运行全部内容,希望文章能够帮你解决html5音频mp3无法在Firefox中运行所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。