HTML5 Audio でマルチブラウザ対応するときの注意

HTML5 の <audio> を使ってマルチブラウザに対応する場合には２種類の音声ファイルを準備する必要があります。
先日の Google 生誕16周年の記事でも書きましたが現状では mp3 と ogg ファイルの準備が必要です。

各ブラウザの Audio 要素の対応フォーマット一覧を見てみると、
Safari, IE は ogg ファイルを、Chorme, Opera, Firefox は mp3 ファイルを再生できません。
これらのブラウザで音声を再生する場合は両方とも設定する必要があります。
http://fmbip.com/litmus/

ブラウザゲームなどを開発する場合は mp3 と ogg 両方とも準備しましょう。
今後はアップデートによって ogg のみ、 mp3 のみでも再生できるようになるとよいですね。