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

标签 html audio mp3

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

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

fiddle : 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 类型,所以我不确定它是编程错误还是服务器之间有什么不同。

我很感激你能给我的任何帮助!

谢谢,

格雷厄姆

最佳答案

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

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

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

关于HTML5 mp3 音频在 Chrome 和 Firefox 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26810406/

相关文章:

javascript - iOS 13 中的字符串中缺少卢布货币符号

java - 如何在java中播放声音?

php - Laravel:如何显示配置?

javascript - 检测当前选定元素何时更改

javascript - 我想在我的vue.js应用中播放WAV文件

java - Android:如何使用 Java 将 MP4A 音频转换为 MP3 或 Wav

java - 查找项目源文件夹中特定扩展名的所有文件

phpMyAdmin - 如何将 mp3 文件保存在数据库中?

Java - Android Studio MP3 使用

javascript - Angular 模态窗口关闭确认