【HTML】audioタグ - 音声
HTMLのaudioタグについて解説します。
検証環境
audioタグ
audioタグは“音声データを埋め込むタグ”です。
基本構文
<audio controls src="音声データパス"></audio>音声データパスはURLや相対パスです。
属性
主な属性は次の通りです。
| 属性名 | 必須 | 内容 |
|---|---|---|
| src | ● | 音声データパス |
| autoplay | - | 再生可能な状態になったら自動再生 |
| controls | - | コントロール表示 |
| loop | - | ループ |
| muted | - | ミュート |
サンプル
コントロール表示
<p>水の音</p>
___ih_hl_start
<audio controls src="https://it-hack.net/storage/app/media/document/development/markup-language/html/tag/audio/water.mp3"></audio>
___ih_hl_endループ
<p>水の音</p>
___ih_hl_start
<audio controls loop src="https://it-hack.net/storage/app/media/document/development/markup-language/html/tag/audio/water.mp3"></audio>
___ih_hl_endミュート
<p>水の音</p>
___ih_hl_start
<audio controls muted src="https://it-hack.net/storage/app/media/document/development/markup-language/html/tag/audio/water.mp3"></audio>
___ih_hl_end
![【コマンドライン】ユーザーのグループ確認 [ groups ]](https://it-hack.net/storage/app/media/document/development/os/command/groups/thumbnail_0001.png)
![【コマンドライン】ユーザー・グループの確認 [ getent ]](https://it-hack.net/storage/app/media/document/development/os/command/getent/thumbnail_0001.png)
