できるだけ多くの異なるブラウザーと OS の組み合わせでオーディオ タグが機能するようにしようとしています。私が使用しているコードの簡単なスニペットは次のとおりです。
<div class="audioPlayer"><audio src="http://2ndbc.org/podcasts/2013.09.29.m4a" controls=""></audio>
<p><a href="http://2ndbc.org/podcasts/2013.09.29.m4a">Download this podcast.</a></p></div>
これは、Windows 7 の Internet Explorer 9、OS X 10.8 の Safari 6.x、および OS X の Chrome でうまく動作します。また、Windows 7 の最新の Chrome と Firefox でもうまく動作すると言われています。 Windows XP 上の Firefox または Chrome で動作します。私は Android フォンにアクセスできませんが、ある人から Android では動作しないと言われました。M4A/AAC と MP3 ファイルの両方を試しました。(私が知る限り、Firefox が MP3 ファイルをサポートできるようになったので、動作するはずです。)
Flash ベースのプレーヤーを使用しないようにするための解決策を思いつくことができればと思っています。物事をシンプルに保ちながら、現在のバージョンのブラウザーと互換性があるようにするためです。