【HTML】audioタグ - 音声データ
HTMLのaudioタグをご紹介します。
audioタグ
audioタグは音声データを埋め込みます。
基本構文
<audio controls src="音声データパス"></audio>属性
主な属性をご紹介します。
| 属性名 | 必須 | 内容 |
|---|---|---|
| src | ● | 音声データパス |
| autoplay | - | 再生可能な状態になったら自動再生 |
| controls | - | コントロール表示 |
| loop | - | ループ |
| muted | - | ミュート |
サンプルコード
コントロール表示
<p>水の音</p>
<audio controls src="/storage/app/media/sound/water.mp3"></audio>ループ
<p>水の音</p>
<audio controls loop src="/storage/app/media/sound/water.mp3"></audio>ミュート
<p>水の音</p>
<audio controls muted src="/storage/app/media/sound/water.mp3"></audio>
