HTMLでオーディオファイルを再生する方法


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

上記のコードでは、src属性に再生したいオーディオファイルのパスを指定します。controls属性は、オーディオプレーヤーのコントロール(再生、一時停止、音量調整など)を表示します。ブラウザが<audio>要素をサポートしていない場合に表示されるテキストは、<audio>要素の開始タグと終了タグの間に記述します。

  1. \要素を使用する方法:
<embed src="audiofile.mp3" autostart="false" width="0" height="0" />

上記のコードでは、src属性に再生したいオーディオファイルのパスを指定します。autostart属性をfalseに設定することで、自動再生を無効にします。widthheight属性を0に設定することで、オーディオプレーヤーを非表示にします。

  1. \要素を使用する方法:
    <object data="audiofile.mp3" type="audio/mpeg">
      Your browser does not support the audio element.
    </object>

    上記のコードでは、data属性に再生したいオーディオファイルのパスを指定します。type属性は、オーディオファイルのMIMEタイプを指定します。ブラウザが<object>要素をサポートしていない場合に表示されるテキストは、<object>要素の開始タグと終了タグの間に記述します。

    これらは基本的な方法ですが、他にもさまざまな方法があります。また、オーディオファイルのフォーマットによっては、ブラウザのサポート状況が異なる場合がありますので、その点にも注意してください。