<audio>

オーディオ（タグ）

意味音声コンテンツ

<audio>とは？

<audio>タグは、音楽や音声ファイルを埋め込むためのものです。

<audio>の具体的な使い方

基本的な音声ファイルの埋め込み例

<audio controls>
 <source src="audio.mp3">
</audio>

ページにオーディオファイルを埋め込みます。

自動再生とループ機能付きの音声ファイル例

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

自動再生とループ機能を持つバックグラウンド音楽の例です。

<audio>に関するよくある質問

Q. 複数の音声形式は指定できる？

A. はい、複数の<source>要素を使用して、異なる音声形式を指定できます。ブラウザは対応している最初の形式を再生します。例： <audio> <source src="audio.mp3" type="audio/mpeg"> <source src="audio.ogg" type="audio/ogg"> </audio>

Q. 自動再生はどう設定する？

A. <audio>タグに autoplay 属性を追加します。ただし、多くのブラウザでは自動再生が制限されているため、ユーザーの操作なしでは機能しない場合があります。例：<audio autoplay>

Q. 音量制御は可能？

A. はい、JavaScript を使用して音量を制御できます。例えば、audio.volume = 0.5; で音量を50%に設定できます。HTML属性では直接音量を制御できませんが、controls 属性を使用すればユーザーが音量を調整できるコントロールを表示できます。

<audio>が学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、HTMLの<audio>や<h1>、<title>、<article>、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。