さまざまな Web ブラウザーやさまざまなバージョンでオーディオ ファイルを再生する必要があります。古いシステムでは 4 ビットの WAV ファイルが生成されますが、これは多くのブラウザーでは処理できません。すべてのファイルには、合成または録音された人間の声が含まれています。とにかく交換したくなります。だから私の質問は：
1) 互換性、サイズ、品質に関して、音声ファイルに使用するのに最適なファイル形式は何ですか?
2) HTML5 を使用し、後方互換性を維持するための最良の方法は何ですか?
Internet Explorer バージョン 6、7、8、および 9 をサポートする必要があります。Firefox、Chrome、Safari。
更新: 最終的に IE 6-9、Firefox、および Chrome で動作するようになりました。Safari はまだテストしていません。Windows 用の Safari には QuickTime が必要であり、IE には Windows Media Player が必要であることを知りました。
これが私が使用しているものです：
<audio autoplay>
<source src="/static/sound/SOUND.mp3" type="audio/mpeg">
<source src="/static/sound/SOUND.ogg" type="audio/ogg">
<source src="/static/sound/SOUND.wav" type="audio/wav">
<source src="/static/sound/SOUND.aiff" type="audio/x-aiff">
<object>
<param name="autostart" value="true">
<param name="src" value="/static/sound/SOUND.mp3">
<param name="autoplay" value="true">
<param name="controller" value="false">
<embed src="/static/sound/SOUND.mp3" controller="false" autoplay="true" autostart="true" type="audio/mpeg"></embed>
</object>
</audio>
MP3、OGG、WAV、AIFF で同じオーディオ クリップを提供し、再生するものをブラウザーに選択させます。audioタグは HTML5 用で、タグobjectは古いシステム用でありembed、object タグをサポートしていない一部のシステムで動作します。
いくつかのサイトの情報からまとめたのですが、残念ながらURLを忘れてしまいました。
それ以来、このようなものにhowler.jsを使用するように切り替えました。サウンドに関連するすべてのクロスブラウザーの問題を自動的に処理します。残念ながら IE 6-8 には対応していませんが、私はそれらのサポートを断念しました。
HTML5audioタグを使用すると、ブラウザごとに異なる種類のオーディオを使用できるため、ロードを試行するさまざまなオーディオの種類を指定できます。このページに素晴らしい互換性チャートがあります: http://html5doctor.com/native-audio-in-the-browser/
以下のコードは、ほとんどのブラウザで動作します。最初に新しい HTML5audioメソッドを試行し、次にそのメソッドにフォールバックしembedます。
<audio width="100" height="100" autoplay="" controls="" tabindex="0">
<source type="audio/mpeg" src="songs/All-My-Life.mp3"></source>
<source type="audio/ogg" src="songs/All-My-Life.ogg"></source>
<source type="audio/wav" src="songs/All-My-Life.wav"></source>
<embed width="100" height="50" src="songs/All-My-Life.mp3">
</audio>