備忘録的プログラミングリファレンス

audio タグエレメント

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

audio タグエレメント
<audio src="img/ban1.mp3" controls="true">audioエレメント未対応です。</audio>
表示例

*再生すると音が出ます。オーディオソースは効果音ラボのソースです。

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

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

 audio タグエレメントに対応していないブラウザ用に、<audio>、</audio>の間にテキストを定義できます。

 字幕には track タグエレメント を使用します。

属性

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

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

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

動作の確認