HTML5 mp3 音频在 Chrome 和 Firefox 中不起作用

Posted 2023-02-25

【中文标题】HTML5 mp3 音频在 Chrome 和 Firefox 中不起作用

【英文标题】：HTML5 mp3 audio not working in Chrome and Firefox

【发布时间】：2014-11-07 21:31:08

【问题描述】：

我希望您能帮助我解决我一直遇到的问题。

问题：我正在使用 html5 音频标签播放 mp3 文件。我在两台不同的服务器上有完全相同的文件，一个有效，一个无效。每个浏览器都有不同的处理方式。在 Firefox 中播放器不显示，在 Chrome 中显示并且不播放，在 IE 中它可以工作（图）。

小提琴： http://jsfiddle.net/dj2ngfag/

From This Sites Editor Uploads (not working):
<a href="http://gv-disprod.cmstemp.com/editoruploads/files/test2.mp3">http://gv-disprod.cmstemp.com/editoruploads/files/test2.mp3</a>
<audio src="http://gv-disprod.cmstemp.com/editoruploads/files/test2.mp3" type="audio/mpeg" controls></audio>
<br />From MP3 Test Site (works):
<a href="http://mp3-test.cmstemp.com/test2.mp3">http://mp3-test.cmstemp.com/test2.mp3</a>
<br />
<audio src="http://mp3-test.cmstemp.com/test2.mp3" type="audio/mpeg" controls></audio>

我在两台服务器上都设置了音频/mpeg mime 类型，所以我不确定这是编程错误还是服务器之间的不同。

感谢您能给我的任何帮助！

谢谢，

格雷厄姆

【问题讨论】：

在 Firefox 上，它运行良好。我认为这是 Chrome 的问题。

小提琴中应该有两个音频播放器。默认情况下，Firefox 会快速隐藏第一个。如果您在新选项卡中单独访问音频链接，那么它确实可以工作，因为它已将其加载到缓存中。

【参考方案1】：

Mp3 受到不同浏览器的部分支持，这就是它表现不同的原因。请在下面找到包含不同浏览器的音频扩展和支持图表的 url。

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

我希望这可能有助于消除疑虑。

【讨论】：

对，但在小提琴中，两个 mp3 文件完全相同。既然它支持播放其中一个，你会认为它会支持另一个。