HTML audioタグを使用して音声を再生する方法


<audio src="音声ファイルのURL"></audio>

この例では、音声ファイルのURLを指定することで、音声を再生することができます。

  • 再生コントロールの追加:

    <audio src="音声ファイルのURL" controls></audio>

    controls属性を追加すると、再生コントロール(再生/一時停止ボタン、音量コントロールなど)が表示されます。

  • 自動再生:

    <audio src="音声ファイルのURL" autoplay></audio>

    autoplay属性を追加すると、ページが読み込まれると自動的に音声が再生されます。

  • ループ再生:

    <audio src="音声ファイルのURL" loop></audio>

    loop属性を追加すると、音声がループ再生されます。

  • オーディオの制御: JavaScriptを使用してオーディオを制御することもできます。例えば、再生/一時停止ボタンの追加や特定のタイミングで音声を再生するなどが可能です。

  • 以上がHTMLのaudioタグを使用して音声を再生する方法の基本です。これらのコード例を使用して、ウェブページで音声を再生する機能を実装することができます。