html - HTMLオーディオタグがオーディオファイルを再生できないかどうかを検出する方法

Question

特別なコーデックを使用した一部のオーディオ/ogg ファイルは、html5 オーディオ タグでは再生できません。ユーザーがファイルをダウンロードして特別なプレーヤーで再生するようにメッセージを表示するには、どうすればそれを検出できますか?

Answer 1

audio 要素のcanplaytypeメソッドを使用して、現在のブラウザーが特定のコーデックを再生できるかどうかを検出できます。

ダイブイントhtml5の例

function canPlay (codec) {
    var a = document.createElement('audio');
    return !!(a.canPlayType && a.canPlayType(codec).replace(/no/, ''));
}

canPlay('audio/ogg; codecs="vorbis"'); // true or false