備忘録的リファレンス

<audio>エレメント

 <audio>エレメントは、音楽などのオーディオストリームをHTMLページに挿入するエレメントです。

 サポートされているオーディオファイル形式には、MP3、WAVがあります。OGGはsafariのみが対応していません。

 <source>エレメントでブラウザの対応ソースごとに条件分けができます。

 <audio>エレメントに対応していないブラウザ用に、<audio>、</audio>の間にテキストを定義できます。対応していないブラウザでは<audio>エレメントのinnerTextが表示されます。

属性

グローバル属性も持ちます。以下に主な属性のみを示します。

AttributeValueExtra information
idcssにも使えます。エレメントをユニークとします。
classcssに使います。同名のclassは同じスタイルが適応されます。
srcオーディオデータのソースURL。*
autoplayロード次第、自動再生する。
controlsコントロールパネルを表示。
loop自動繰り返し。
muted初期は無音設定。
preloadページのロードと同時にオーディオデータもロードするか。autoplayと合わせて定義はできない。
innerTextaudioエレメント未対応時の代替テキスト。

*オーディオソースは効果音ラボのソースです。

動作の確認