HTML5 Audio タグを使用して WEB オーディオ player_html/css_WEB-ITnose を作成する-htmlチュートリアル-php.cn

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

WBOY

リリース： 2016-06-24 11:32:04

オリジナル

1286 人が閲覧しました

現在、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 でオーディオを再生するには、本文に次のコードを挿入する必要があります:

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

サポートされていない

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

さらに、オーディオ空間はブラウザーによって見え方が異なります。

HTML5 を使用すると、開発者は大規模な WEB エクスペリエンスを簡単に提供できるようになります。

ダウンロードアドレス