.oggと.mp3にどのようにリンクするか見てみましょう。何故ですか?私が見たすべての例とアプリケーションは同じことをします。2つのソースが必要ですか?
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
いいえ、必要ありません。さまざまなソースは、順番に試すことができる可能性にすぎません。すべてのブラウザがすべての形式をサポートすることが保証されているわけではないため、フォールバックを提供します。
(1つだけ提供する場合は、src
とをタグにtype
直接配置することもできます。)<audio>
すべてのブラウザがMP3またはOGG形式をサポートしているわけではないため、通常、ブラウザ間の互換性を確保するために両方が含まれています。
Wav形式も含めることができ、MP3やOggとは異なり、すべてのブラウザー(Internet Explorerを除く)をサポートします。
MP3は、Internet Explorer 9以降、Chrome 6以降、およびSafari5以降で動作します。Oggは、InternetExplorerとSafariを除くすべてのブラウザで動作します。
したがって、MP3とWav、またはMP3とOggの組み合わせは、事実上すべての主要なブラウザでHTML5オーディオを再生します。もちろん、Internet ExplorerではフォーマットとしてMP3が必要なため、WavとOggをコンボとして含めることはお勧めできません。
したがって、複数のタグがフォールバックとして含まれています。
将来的には、すべての主要なブラウザがすべての形式をサポートするようになることを願っています。現在、Chromeのみが機能します。
(私の答えが早口言葉のように聞こえないことを願っています。)
簡単にするために笑。
Firefoxはmp3をサポートしていません(まだサポートしていない場合はidk)。したがって、Firefoxでプレーヤーを機能させるには、バックアップとしてoggが必要です。
Firefoxはmp3をスキップし、oggを見つけようとします。