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

HTML5 の Audio タグは、wav、mp3、ogg、acc、webm などの形式をサポートできますが、主要なブラウザーにはサポートが組み込まれていない非常に重要な音楽ファイル形式 midi (拡張子 Mid) があります。著作権の問題により、すべてのブラウザが MP3 OGG などをサポートしているわけではありません。

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

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

現在の状況を考えると、まだ HTML5 ページでオーディオを使用する時期ではないと思われるかもしれません。これはある意味では真実かもしれませんが、HTML5 は、お気に入りのブラウザが互換性のある形式を見つけられるようにするソリューションを提供します。

<audio> タグと組み合わせて使用​​すると、<source> タグを <audio> コンテナ内にネストできます。あなたがワーグナーのファンで、彼のオペラ「ワルキューレの騎行」を HTML5 ページで聴きたいとします。まず、OGG、MP3、WAV という 3 つのファイル形式で音楽を取得する必要があります。これらの音楽ファイルを HTML5 ファイルと同じフォルダーに配置します。次に、各ファイル名を個別の <source> タグに配置します。以下に示すように、オーディオ コンテナ内のすべてのソース タグは <audio></audio> で構成されます。

 <オーディオ コントロール> <ソース src=http://demo.mimvp.com/html5/take_you_fly.ogg /> <ソース src=http://demo.mimvp.com/html5/take_you_fly.mp3″ /> <ソース src =http://demo.mimvp.com/html5/take_you_fly.wav /></audio>

訪問者がどのブラウザを使用しているかに関係なく、最初に読み取ったファイルの種類が自動的に選択され、サウンドが再生されます。

上記は、編集者が紹介した HTML5 のオーディオ サポート オーディオ形式のソリューションです。ご質問があれば、メッセージを残してください。編集者がすぐに返信します。また、VeVb武道サイトを応援してくださった皆様、誠にありがとうございました！