サウンドの再生:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
Try it Yourself ❯
<audio> タグは、音楽やその他のオーディオストリームのようなサウンドを定義します。
現在、<audio>要素がサポートするファイル形式は、次の3種類です:MP3、Wav、Ogg:
ブラウザ | MP3 | Wav | Ogg |
---|---|---|---|
Internet Explorer | YES | NO | NO |
Chrome | YES | YES | YES |
Firefox | YES | YES | YES |
Safari | YES | YES | NO |
Opera | YES | YES | YES |
形式 | MIME-タイプ |
---|---|
MP3 | audio/mpeg |
Ogg | audio/ogg |
Wav | audio/wav |
表中の数字は、要素を完全にサポートした最初のブラウザ・バージョンを指定しています。
要素 | |||||
---|---|---|---|---|---|
<audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
<audio> タグは、HTML5で新しく追加されました。
チップ: <audio> と </audio> の間のテキストは、<audio> タグをサポートしていないブラウザで表示されます。
= HTML5 で新規追加。
属性 | 値 | 説明 |
---|---|---|
autoplay | autoplay | 準備が完了次第、オーディオの再生をすぐに開始するように指定 |
controls | controls | オーディオコントロール(再生/一時停止ボタンなど)を表示するように指定 |
loop | loop | 再生が終了するたび、オーディオの再生を繰返すよう指定 |
muted | muted | オーディオ出力をミュート(消音)するように指定 |
preload | auto metadata none |
ページをロードする際に、オーディオもロードするかどうか、またどのようにするかを指定 |
src | URL | オーディオ・ファイルのURLを指定 |
<audio> タグは、HTML のグローバル属性もサポートします。
<audio> タグは、HTML のイベント属性もサポートします。
HTML DOM リファレンス:HTML Audio/Video DOM リファレンス
なし。