コードで html 5 オーディオ要素を使用しています:
var audioElement = document.createElement('audio');
このオブジェクトを使用して、特定のソースからオーディオを再生しています。
modernizr を使用して上記のコードを検出するにはどうすればよいですか?
回答をお待ちしております。ありがとうございます。
コードで html 5 オーディオ要素を使用しています:
var audioElement = document.createElement('audio');
このオブジェクトを使用して、特定のソースからオーディオを再生しています。
modernizr を使用して上記のコードを検出するにはどうすればよいですか?
回答をお待ちしております。ありがとうございます。
audioElement
代わりに次のことを確認できます。
if (audioElement) { ... audioElement is defined ... }
...<head>
セクションでこの要素を定義すると、効果的にグローバルになります。
このコードは、audioElement を定義したかどうかを検出します。HTML5 オーディオがブラウザーでサポートされているかどうかを検出する必要がある場合は、次のようにModernizr.audio
プロパティをテストする必要があると思います。
if (Modernizr.audio) {
var audio = new Audio();
audio.src = Modernizr.audio.ogg ? 'background.ogg' :
Modernizr.audio.mp3 ? 'background.mp3' :
'background.m4a'
;
audio.play();
}
これがデモです。もちろん、「something.mp3」の代わりに独自のリンクを使用する必要があります。)