HTML5_html5 チュートリアル スキルでのオーディオ タグの使用についての簡単な紹介

HTML5 標準 Web ページでは、audio タグを使用して音声の呼び出しと再生を完了できます。以下は、HTML5 を使用して最も一般的に見られる 3 つの基本フォーマットです:

1. 最小限のコード

コードをコピーします

コードは次のとおりです:

2. 非互換性リマインダーを含むコード

コードをコピーします

コードは次のとおりです:

コードは次のとおりです:

お使いのブラウザは audio タグをサポートしていません。

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

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

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

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

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