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>