ホーム

audio

音声再生

機能

audio 要素は、ウェブページに音声コンテンツを埋め込むために使用されます。ユーザーは、ブラウザ内で音声ファイルを再生、停止、音量調整などの操作ができます。複数の音声フォーマットをサポートし、ブラウザの互換性を確保するために複数のソースを指定することができます。

よく設定する属性(attribute)と値

src

音声ファイルの URL を指定します。
例: src=“audiofile.mp3”

controls

音声プレーヤーのコントロール(再生、停止、音量調整など)を表示します。
例: controls

autoplay

ページの読み込み時に音声を自動再生します。禁じ手です。 例: autoplay

loop

音声をループ再生します。
例: loop

muted

音声をミュート(無音)にします。   例: muted

preload

音声ファイルの読み込み方法を指定します。   例:

  • preload=“auto”(自動で読み込む)
  • preload=“metadata”(メタデータのみ読み込む)
  • preload=“none”(読み込まない)

使い方

この例では、音声ファイルを埋め込み、コントロールを表示しています。

<audio src="audiofile.mp3" controls>
  お使いのブラウザはaudio要素をサポートしていません。
</audio>