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 ブラウザとオーディオ形式の互換性
##オーディオ形式 | Chrome | Firefox | IE9 | Opera | Safari |
##OGG
サポート |
サポート |
サポートされている |
サポートされていません |
サポートされていません |
|
MP3
サポートされています |
サポートされていません |
サポートされている |
サポートされていない |
サポートされている |
|
WAV
サポートされていない |
サポートされている |
サポートされていません |
サポートされています | #サポートされていません |
|
すべてのブラウザが単一のファイル形式を使用するという普遍的なファイル形式はありません。少なくとも 2/5 のブラウザでは特定のサウンドを再生できなくなるということです。これはブラウザメーカーが頑固で単一のオーディオ規格に合意できないという問題ではなく、むしろ特許権とロイヤルティを含む法的および財務上の問題です。ソフトウェア特許による制限を受けない OGG フォーマットは、この問題を完全に解決することを目的としています。ただし、この記事の執筆時点では、Opera も Safari も OGG をサポートしていません。 OGG 形式のファイルよりも利用可能な WAV および MP3 ファイルの方がはるかに多いため、ブラウザの製造元がこれを考慮していることは間違いありません。事実上の標準としての MP3 は優れたソリューションです。
解決策: 3 つのファイル タイプと