世界中でチェックされるミュージシャンのウェブサイトを作成しているので、オーディオ要素の再生の互換性は不可欠です。
したがって、考えられるすべてのブラウザをカバーするために、次のことを考えました。
<audio controls="controls" data-music data-bind-target="{{ fileName }}">
<source src="assets/audio/mp3/fileName.mp3" type="audio/mpeg" />
<source src="assets/audio/ogg/fileName.ogg" type="audio/ogg" />
<source src="assets/audio/webm/fileName.webm" type="audio/webm" />
<source src="assets/audio/wav/fileName.wav" type="audio/wave" />
</audio>
mp3とのみを挿入する Web サイトを見たoggことがあります。フォーマットに関して MDN サイトをチェックしましたが、何に従うべきかわからないため、他の開発者の意見が欲しいです。
これらのフォーマットを作成するのに手間がかからないので、それは問題ではありません。私が知りたいのですが：
- これにより、オーディオ ファイルのクロスブラウザが改善されますか?
- それは全体的なパフォーマンスに影響を与えますか?
- すべてのファイルをダウンロードしますか、それとも表示された順序で機能する最初のファイルのみをダウンロードしますか?
- おすすめの順番は？それが問題なら...