HTML <audio> タグ

定義と使用法

<audio> タグは、ドキュメントに音楽や他の音声ストリームなどの音声コンテンツを埋め込むために使用されます。

<audio> タグは、異なる音声ソースを持つ <source>タグ。ブラウザはサポートする最初のソースを選択します。

<audio> および </audio> タグ間のテキストは、サポートしていない <audio> 要素がブラウザで表示されます。

ヒント：ビデオファイルについては、以下を参照してください： <video>タグ。

HTMLは、MP3、WAV、OGGの3つの音声形式をサポートしています。

音声形式とブラウザのサポート

ブラウザ MP3 WAV OGG
Edge / IE サポート サポート * サポート *
Chrome サポート サポート サポート
Firefox サポート サポート サポート
Safari サポート サポート サポートしていません
Opera サポート サポート サポート

* Edge 79から

また、参照してください：

HTML DOM リファレンスマニュアル：HTML Audio/Video DOM リファレンスマニュアル

例

音声ファイルを再生する：

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  あなたのブラウザは audio タグをサポートしていません。
</audio>

自分で試してみてください

属性

属性 値 説明
オートプレイ オートプレイ 音声は準備ができ次第すぐに再生されます。
コントロール コントロール 音声コントロール（例えば、再生/停止ボタンなど）を表示する必要があります。
ループ ループ 音声は、各回終了後に再び最初から再生されます。
muted muted オーディオ出力がミュートに設定されることを指定します。
preload
  • auto
  • metadata
  • none
 ページが読み込まれたときにオーディオをどのように読み込むかおよび読み込むかを指定します。
src URL オーディオファイルの URL を指定します。

グローバル属性

<audio> タグはさらにサポートしています HTML でのグローバル属性。

イベント属性

<audio> タグはさらにサポートしています HTML でのイベント属性。

デフォルトの CSS 設定

なし。

ブラウザのサポート

テーブルの数字には、その要素を完全にサポートする最初のブラウザのバージョンが示されています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 11.5