HTML5オーディオ(音声)
HTML5 は、オーディオ ファイルを再生するための標準を提供します。
インターネット上のオーディオ
これまで、Web ページ上でオーディオを再生することを目的とした標準はまだありませんでした。
現在、ほとんどのオーディオはプラグイン (Flash など) を介して再生されます。ただし、すべてのブラウザに同じプラグインがあるわけではありません。
HTML5 は、<audio> 要素を使用して、Web ページにオーディオ要素を埋め込むための標準を指定します。
ブラウザのサポート
Internet Explorer 9 以降、Firefox、Opera、Chrome、Safari はすべて <audio> 要素をサポートしています。
注:Internet Explorer 8 以前の IE バージョンは <audio> をサポートしていません。 audio> 要素。
HTML5 オーディオ - 仕組み
HTML5 でオーディオを再生するには、次のコードを使用する必要があります:
インスタンス
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio> </body> </html>
インスタンスを実行する»
「インスタンスを実行」をクリックします再生、一時停止、および音量コントロールを追加するためのオンライン サンプル
コントロール プロパティを表示するボタン。
<audio> と </audio> の間に、ブラウザがサポートしていない <audio> 要素のプロンプト テキストを挿入する必要があります。
<audio> 要素では、複数の <source> 要素を使用でき、ブラウザは最初にサポートされているオーディオ ファイルを使用します
現在、&lt; audio&gt; いいえ
はい | はい | はい | |
---|---|---|---|
はい | はい | はい | Safari 5+ |
はい | NO | Opera 10+ | |
YES | YES | ||
Format | MIME-type | ||
MP3 | オーディオ/mpeg | Ogg |
Wavオーディオ/wav
HTML5オーディオタグ
|
---|