有没有一种JavaScript方法可以检查浏览器是否原生支持MP3格式？

Question

如果浏览器支持播放MP3文件，我将使用音频标签播放该文件。如果不支持，则必须加载Flash播放器。

- gargantuan

Answer 1

var audio  = document.createElement("audio"),
canPlayMP3 = (typeof audio.canPlayType === "function" &&
              audio.canPlayType("audio/mpeg;codecs=mp3") !== "");

编辑：

如果你不想使用 JavaScript（是的，这将在支持<audio>但不支持 MP3 的浏览器中工作），请尝试以下方法：

<audio controls="controls">
<source src="some-audio-file.mp3" type="audio/mpeg;codecs=mp3" />
<!-- if you have an Opus version, also include this:
<source src="some-audio-file.opus" type="audio/ogg;codecs=opus" />
-->
<!-- flash object goes here -->
</audio>

如果你想要自动播放，请在音频元素上包含一个 autoplay 属性。

- Eli Grey

Answer 2

只需将显示flash音频播放器的代码放在标签中。

编辑：使用canPlayType函数： http://www.whatwg.org/specs/web-apps/current-work/multipage/media-elements.html#dom-navigator-canplaytype 您还可以查看error属性： http://www.whatwg.org/specs/web-apps/current-work/multipage/media-elements.html#dom-media-error

- mickael9

---

你的意思是像这样 <audio src='some.mp3'><!-- FLASH HERE --></audio> 吗？这不行，因为 Chrome（例如）支持音频标签，但不支持 MP3。 - gargantuan

感谢您带我找到了这个详细的解释...http://html5doctor.com/native-audio-in-the-browser/ - gargantuan