HTMLオーディオ
HTML<audio>要素は、Webページでオーディオファイルを再生するために使用されます。
HTMLの<audio>要素
HTMLでオーディオファイルを再生するには、次の<audio>要素を使用します。
例
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
HTMLオーディオ-仕組み
このcontrols属性は、再生、一時停止、音量などのオーディオコントロールを追加します。
この<source>要素を使用すると、ブラウザが選択できる代替オーディオファイルを指定できます。ブラウザは最初に認識された形式を使用します。
<audio>タグとタグの間のテキストは、要素</audio>をサポートしていないブラウザでのみ表示されます。<audio>
HTML <オーディオ>自動再生
オーディオファイルを自動的に開始するには、次のautoplay属性を使用します。
例
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
注： Chromiumブラウザーでは、ほとんどの場合、自動再生は許可されていません。ただし、ミュートされた自動再生は常に許可されます。
muted後に追加し
autoplayて、オーディオファイルの自動再生を開始します（ただしミュートされます）。
例
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
ブラウザのサポート
表の数字は、
<audio>要素を完全にサポートする最初のブラウザバージョンを示しています。
| Element | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTMLオーディオ形式
サポートされているオーディオ形式には、MP3、WAV、OGGの3つがあります。さまざまな形式のブラウザサポートは次のとおりです。
| Browser | MP3 | WAV | OGG |
|---|---|---|---|
| Edge/IE | YES | YES* | YES* |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
* Edge79から
HTMLオーディオ-メディアタイプ
| File Format | Media Type |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTMLオーディオ-メソッド、プロパティ、およびイベント
HTML DOMは、要素のメソッド、プロパティ、およびイベントを定義します<audio>。
これにより、オーディオのロード、再生、一時停止、および継続時間と音量の設定が可能になります。
オーディオの再生が開始されたとき、一時停止されたときなどに通知できるDOMイベントもあります。
完全なDOMリファレンスについては、HTMLオーディオ/ビデオDOMリファレンスにアクセスしてください。
HTMLオーディオタグ
| Tag | Description |
|---|---|
| <audio> | Defines sound content |
| <source> | Defines multiple media resources for media elements, such as <video> and <audio> |