＆lt; audio＆gt;を使用して、HTMLにオーディオをどのように埋め込みましたか タグ？

 <code class="html"><audio src="path/to/your/audiofile.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio></code>

また、複数のソースを提供して、タグ内のタグを使用して、さまざまなブラウザー間の互換性を確保することもできます。

 <code class="html"><audio> <source src="path/to/your/audiofile.mp3" type="audio/mpeg"> <source src="path/to/your/audiofile.ogg" type="audio/ogg"> Your browser does not support the audio element. </source></source></audio></code>

この方法により、ブラウザは最初のサポートされているオーディオ形式を選択できます。

HTML タグでサポートされているさまざまなオーディオ形式は何ですか？

HTML

• mp3（.mp3） ：Chrome、Firefox、Safari、Edgeなど、ほとんどのブラウザで広くサポートされています。 mp3のmimeタイプはaudio/mpegです。
• ogg vorbis（.ogg） ：Firefox、Chrome、およびOperaがサポートしていますが、SafariやInternet Explorerによってはサポートされていません。 ogg vorbisのmimeタイプはaudio/oggです。
• WAV（.WAV） ：Chrome、Firefox、およびSafariによってサポートされていますが、インターネットエクスプローラーではありません。 WAVのMIMEタイプはaudio/wavです。
• AAC（.M4A） ：SafariとChromeによってサポートされていますが、FirefoxやInternet Explorerによってはサポートされていません。 AACのMIMEタイプはaudio/aacです。

幅広い互換性を確保するために、

 <code class="html"><audio src="path/to/your/audiofile.mp3" type="audio/mpeg" controls> Your browser does not support the audio element. </audio></code>

controls属性はブール属性です。つまり、アクティブ化するためにタグにそれを含める必要があります。コントロールをカスタマイズする場合は、JavaScriptとCSSを使用してカスタムプレーヤーインターフェイスを作成する必要がある場合があります。

HTML

HTML

 <code class="html"><audio> <source src="path/to/your/audiofile.mp3" type="audio/mpeg"> <source src="path/to/your/audiofile.ogg" type="audio/ogg"> <p>Your browser does not support the audio element. You can <a href="path/to/your/audiofile.mp3">download the audio file</a> instead.</p> </source></source></audio></code>

この例では、

 <code class="html"><audio> <source src="path/to/your/audiofile.mp3" type="audio/mpeg"> <source src="path/to/your/audiofile.ogg" type="audio/ogg"> <object type="application/x-shockwave-flash" data="flashplayer.swf"> <param name="movie" value="flashplayer.swf"> <param name="flashvars" value="audioFile=path/to/your/audiofile.mp3"> <p>Your browser does not support the audio element or Flash. You can <a href="path/to/your/audiofile.mp3">download the audio file</a> instead.</p> </object> </source></source></audio></code>

この包括的なアプローチにより、ユーザーはブラウザの機能に関係なくオーディオコンテンツにアクセスできるようになります。

以上が＆lt; audio＆gt;を使用して、HTMLにオーディオをどのように埋め込みましたか タグ？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。