HTML5 Audio タグを使用して WEB オーディオ player_html/css_WEB-ITnose を作成する

現在、Web ページ上でオーディオ ファイルを再生する標準的な方法はなく、ほとんどのオーディオ ファイルはプラグインを使用して再生されており、多くのブラウザは異なるプラグインを使用しています。 HTML5 の登場により、Web でオーディオ ファイルを再生するための標準的な方法が提供され、Adobe Flash、Apple QuickTime、その他の再生プラグインなどのブラウザをアップグレードする必要がなくなり、最新のブラウザを使用するだけで聴くことができます。サウンド WEB ウェブサイトに出力できます。

WEB の Audio タグ

HTML5 は、Web ページにオーディオ ファイルを挿入する標準的な方法を指定する新しい要素、

Property	Value	Description
autoplay	true | false	trueの場合、オーディオは準備が整うとすぐに再生されます。
controls	true | false	true の場合、再生ボタンなどのコントロールがユーザーに表示されます。
end	数値	オーディオ ストリーム内のどこでプレーヤーが再生を停止するかを定義します。デフォルトでは、サウンドは最後まで再生されます。
loopend	数値	オーディオ ストリーム内でループ再生が停止する位置を定義します。デフォルトは end 属性の値です。
loopstart	数値	オーディオストリーム内のループ再生の開始位置を定義します。デフォルトは start 属性の値です。
playcount	数値	オーディオクリップが再生される回数を定義します。デフォルトは 1 です。
src	url	再生されているオーディオの URL。
start	数値	プレーヤーが再生を開始するオーディオ ストリーム内の位置を定義します。デフォルトでは、サウンドは最初に再生されます。

現在 audio タグをサポートしているブラウザは次のとおりです:

IE9、Firefox、Opera、Chrome、Safari はすべて

注: IE8 以前のバージョンは

オーディオの使用方法

HTML5 でオーディオを再生するには、本文に次のコードを挿入する必要があります:

3. タグの間にテキスト コンテンツを挿入します。
4. なぜ auto に 3 つのソース タグが含まれるのか疑問に思うかもしれません。これは、ブラウザとオーディオ形式の互換性のためのものであり、すべてのブラウザの製造元が特定のオーディオ ファイル形式の使用に同意しているわけではありません。たとえば、Chrome、Internet Explorer 9 (IE9)、および Safari ブラウザは、非圧縮形式を使用する減少傾向の標準である WAV ファイルをサポートしていません。各ビデオ ファイル名を個別の タグに置き、オーディオ コンテナ内のすべてのソース タグは、以下に示すように で構成されます。そうすれば、訪問者がどのブラウザを使用していても、最初に読み取ったファイルの種類が自動的に選択され、サウンドが再生されます。 ...
サポートされている
サポートされている
サポートされている

サポートされていない

サポートされていない

サポートされていない

サポートされているサポートされていない

さらに、オーディオ空間はブラウザーによって見え方が異なります。 HTML5 を使用すると、開発者は大規模な WEB エクスペリエンスを簡単に提供できるようになります。 ダウンロードアドレス