html5のaudioでサポートされている音声形式の解決策

HTML5 Audio タグは、wav、mp3、ogg、acc、webm などの形式をサポートできますが、主要なブラウザにはサポートが組み込まれていない非常に重要な音楽ファイル形式 midi (拡張子 Mid) があります。著作権の問題により、すべてのブラウザが MP3 OGG などをサポートしているわけではありません。この記事では、HTML5 でオーディオをサポートするためのソリューションを紹介します。興味のある方はぜひご覧ください。困っている友人は参考にしていただければ幸いです。

ブラウザとオーディオの互換性

すべてのブラウザのメーカーが特定のオーディオ ファイル形式の使用に同意しているわけではありません。画像の場合、PNG、JPEG、または GIF 形式のファイルがどのブラウザでもページに読み込まれます。残念ながら、これはオーディオ ファイルには当てはまりません。表 1 は、Web ページで使用できる音声ファイル形式を示していますが、すべての形式がすべてのブラウザで使用できるわけではありません。たとえば、Chrome、Internet Explorer 9 (IE9)、および Safari ブラウザは、非圧縮形式を使用する減少傾向の標準である WAV ファイルをサポートしていません。

HTML5 ブラウザとオーディオ形式の互換性

<audio controls>
    <source src=”http://demo.mimvp.com/html5/take_you_fly.ogg” />
    <source src=”http://demo.mimvp.com/html5/take_you_fly.mp3″ />
    <source src=”http://demo.mimvp.com/html5/take_you_fly.wav” />
</audio>