オーディオタグ_html/css_WEB-ITnose

audio

HTML5 の新しい要素タグ audio は、ブラウザに追加の拡張機能をインストールすることなくネイティブでオーディオ再生をサポートする機能を備えています。現在、audio 要素をサポートするブラウザは主に Safari です。 4、Firefox 3.5、Chrome 3。

audio 要素タグのいくつかの共通属性:

src: オーディオ ファイル パス。
autobuffer: ページの読み込み時に音声を自動的にバッファリングするかどうかを設定します。
自動再生: オーディオを自動的に再生するかどうかを設定します。
ループ: オーディオをループで再生するかどうかを設定します。
コントロール: 再生コントロールパネルを表示するかどうかを設定します。
これらの属性は、video 要素タグの属性と非常に似ていることがわかります。コード例を見てみましょう:

<audio src="elvis.ogg" controls autobuffer></audio>

このコードは、Firefox 3.5 および Chrome 3 で正常に動作します。Safari 4 の場合、mp3 ファイルを ogg 形式のオーディオ ファイルに置き換える必要があります。ただし、W3C の HTML5 定義仕様が最終決定されていないため、これらの形式の制限は将来変更される可能性があります。

定義仕様に従って、次の API メソッドが使用できます:

play(): オーディオの再生
pause(): 再生の一時停止
canPlayType(): 現在のオーディオ ファイルが再生可能かどうかをブラウザーに命令します
buffered(): ファイルのバッファリングされた部分の開始時点と終了時点を設定します。
さらに、source 要素タグを使用してオーディオを一致させることができます。source は、最初のファイルをサポートしていない場合、次のソースで指定されたファイルを自動的に再生しようとします。バックアップ計画として Flash プレーヤーをロードするために、現在の従来の埋め込みコードをその後に追加することもできます。例は次のとおりです。

<audio controls autobuffer><source src="elvis.ogg" /><source src="elvis.mp3" /><!-- now include flash fall back --></audio>

HTML5 学習ノートの簡潔なバージョン (4): ビデオ、オーディオ、メーター、データリストの新しい要素keygen、output

HTMLオーディオタグ

当時のWebオーディオ

オーディオコンテキストとオーディオノードの初期探索