在旧浏览器的页面中检测 MP3 支持

Question

我正在编写一个 mp3 播放列表播放器，我快完成了...但是，我想让该页面与旧浏览器兼容（使用旧浏览器的人会看到一个简单的 mp3 链接列表：他们可以下载它们，这不是问题）。现在，恐怕 javascript 语法有问题，而不是某些特定命令。所以，这是我的代码：

ilikemp3 = 0;

if (document.createElement('audio').canPlayType('audio/mpeg;codecs="mp3"'))
{ilikemp3 = 1};

if (ilikemp3)
{audio_playlist_html5()}
else
{simple_audio_list()};

它在现代浏览器上运行良好...但是，如果我运行它在旧版浏览器中运行，我会收到一条错误消息：

错误：document.createElement("audio").canPlayType 不是函数

所以，我知道这不是查询浏览器的正确方法。有人可以帮我吗？非常感谢！

Answer 1

您可以检查 document.createElement('audio') 中是否存在 canPlayType 并据此做出决定。

if('canPlayType' in document.createElement('audio')) {
  //new player
}
else {
  //old player
}

在旧浏览器的页面中检测 MP3 支持

Detecting MP3 support in a page for old browser

html

javascript

mp3

sniffer