audio

タグの概要

audioタグは、音声コンテンツをウェブページに埋め込むために使用されるタグです。ユーザーが再生、一時停止、スキップなどの音声操作を行うことができます。

基本の書き方(構文)

<audio src="audio.mp3" controls>
  Your browser does not support the audio element.
</audio>

主な属性とその説明

主な属性として、src属性は音声ファイルのURLを指定し、controls属性は再生コントロールを表示するかどうかを指定します。

使用例

<audio src="audio.mp3" controls>
  Your browser does not support the audio element.
</audio>

<audio src="audio.ogg" controls autoplay>
  Your browser does not support the audio element.
</audio>

よくある注意点・間違い

音声ファイルが再生できない場合に表示されるテキスト、「Your browser does not support the audio element.」は、適切なメッセージに置き換えることが望ましいです。また、autoplay属性を使う際は、ユーザーに不快な体験を与えないよう注意が必要です。