<audio> - オーディオ

トップ > HTMLリファレンス > <audio>

概要

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

説明

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

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

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

属性

【個別属性】
属性意味
src=urlH5/e/Ch/Fx/Sa/Op。メディアリソースのURLを指定します。
crossorigin=stateH5。CORS(Cross-Origin Resource Sharing)で使用される属性で、他のサイトのリソースにアクセスする際に、認証情報を使用するかどうかを指定します。
 anonymous:認証情報を使用しない
 use-credintials:認証情報を使用する
preload=valueH5。ページ表示時にメディアリソースを事前ロードするか指定します。指定に従うかどうかはブラウザの実装にまかされます。
 auto:事前ロードする
 none:事前ロードしない
 metadata:メタデータのみを事前ロードする
autoplayが指定された場合は無視されます。
autoplayH5/e/Ch/Fx/Sa/Op。自動的に再生を開始します。
mediagroup=nameH5。複数のメディアリソースをグルーピングする際のグループ名を指定します。
loopH5/e/Ch/Fx/Sa/Op。ループ再生します。
mutedH5/e/Ch/Fx/Sa/Op。音をミュートします。
controlsH5/e/Ch/Fx/Sa/Op。コントローラを表示します。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

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

メソッド・イベント・プロパティ

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

関連項目

<video><source><track>

Copyright (C) 2011-2015 杜甫々
初版:2011年5月29日 最終更新:2015年9月27日
http://www.tohoho-web.com/html/audio.htm