<audio> - オーディオ - とほほのWWW入門

形式: <audio>～</audio>
サポート: LS / H5 / e9 / Ch1 / Fx3.5 / Sa3.1 / Op10.5
カテゴリ: フローコンテンツ
 フレージングコンテンツ
 エンベデッドコンテンツ
 インタラクティブコンテンツ(controls属性を持つ場合)
パルパブルコンテンツ(controls属性を持つ場合)
親要素: エンベデッドコンテンツを子要素に持てるもの
子要素: src属性を持つ場合: 0個以上の track要素と、それに続くトランスペアレント要素(ただし、エンベッデッドコンテンツを子孫に持たない)。
src属性を持たない場合: 0個以上の source要素と、それに続く 0個以上の track要素と、それに続くトランスペアレント要素(ただし、エンベッデッドコンテンツを子孫に持たない)。
タグの省略: 開始タグ:必須 / 終了タグ:必須
属性: グローバル属性
 src
crossorigin
preload
autoplay
loop
muted
controls

オーディオファイルを再生します。

<audio>～</audio> の間には、audio未対応のブラウザに表示するメッセージを記述することができます。

ブラウザによってサポートするコーデックやフォーマットが異なるため、<source> を用いて複数のフォーマットを指定することも可能です。

詳細はグローバル属性を参照してください。

src=url

LS/H5/e/Ch/Fx/Sa/Op

メディアリソースのURLを指定します。

crossorigin=state

LS/H5

CORS(Cross-Origin Resource Sharing)で使用される属性で、他のサイトのリソースにアクセスする際に、認証情報を使用するかどうかを指定します。

preload=value

LS/H5

ページ表示時にメディアリソースを事前ロードするか指定します。指定に従うかどうかはブラウザの実装にまかされます。

autoplay

LS/H5/e/Ch/Fx/Sa/Op

自動的に再生を開始します。

loop

LS/H5/e/Ch/Fx/Sa/Op

ループ再生します。

muted

LS/H5/e/Ch/Fx/Sa/Op

音をミュートします。

controls

LS/H5/e/Ch/Fx/Sa/Op

コントローラを表示します。

mediagroup=name

[非推奨] H5-5

複数のメディアリソースをグルーピングする際のグループ名を指定します。HTML5 で定義されましたが、HTML5.1 で廃止されました。HTML Living Standard でも採用されていません。

HTML

<audio src="audio1.mp3" autoplay loop>
 <p>このブラウザは audio に未対応です。</p>
</audio>

<video> と同様のメソッド、イベント、プロパティを使用できます。

<audio> - オーディオ