解決済み: HTML にオーディオを埋め込む方法

HTML へのオーディオの埋め込みに関する主な問題は、ブラウザーの互換性です。 ブラウザが異なればサポートされるオーディオ形式も異なります。また、すべてのブラウザが同じオーディオ コーデックをサポートしているわけではありません。 さらに、HTML5 オーディオ タグはすべてのブラウザーでサポートされているわけではないため、古いバージョンの Internet Explorer では、埋め込まれたオーディオ ファイルを再生できない場合があります。 さらに、一部のモバイル デバイスでは、ハードウェアの制限またはソフトウェアの制限により、特定の種類の埋め込みオーディオ ファイルを再生できない場合があります。

<audio controls>
  <source src="yourAudioFile.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

1.

2.– このコード行は、オーディオ要素に使用するオーディオ ファイルを指定します。 source 属性は .mp3 ファイルである「yourAudioFile.mp3」に設定され、type 属性は「audio/mpeg」に設定されているため、ブラウザはファイルのタイプを認識できます。

3. お使いのブラウザは audio 要素をサポートしていません。 – このコード行は、HTML5 オーディオ要素をサポートしていないブラウザに、ブラウザでこの特定のオーディオ ファイルを再生できないことを知らせるメッセージを提供します。

オーディオ要素を埋め込む

HTML

Web ページでオーディオ要素を使用するには、HTML コードに含める必要があります。

「controls」属性は、プレーヤー コントロール (再生/一時停止など) を要素に追加して、ユーザーがオーディオ再生を制御できるようにします。 「src」属性は、オーディオ ファイルの場所とそのタイプ (「type」) を指定します。 さまざまな種類のファイル (.ogg や .mp3 など) に対して複数のソースを指定することもできます。

HTML に音声を埋め込む方法

関連記事:

コメント