サウンドの再生:
<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 リファレンス
なし。