HTML5オーディオ(音声)

HTML5 Audio(オーディオ)

HTML5 は、オーディオファイルを再生するための標準を提供します。

インターネット上のオーディオ

これまで、Web ページ上でオーディオを再生することを目的とした標準はまだありませんでした。

現在、ほとんどのオーディオはプラグイン (Flash など) を介して再生されます。ただし、すべてのブラウザに同じプラグインがあるわけではありません。

HTML5 は、要素を使用して、Web ページにオーディオ要素を埋め込むための標準を指定します。

ブラウザのサポート

Internet Explorer 9 以降、Firefox、Opera、Chrome、Safari はすべて <audio> 要素をサポートしています。

注意: Internet Explorer 8 以前の IE バージョンは、<audio> 要素をサポートしていません。

HTML5 オーディオ - 仕組み
HTML5 でオーディオを再生するには、次のコードを使用する必要があります。再生、一時停止、および音量コントロールを追加するための control 属性。

<audio> と </audio> の間に、ブラウザがサポートしていない <audio> 要素のプロンプトテキストを挿入する必要があります。

<audio> 要素では複数の <source> 要素をリンクでき、ブラウザは最初にサポートされているオーディオファイルを使用します

現在、<audio> 要素は MP3、Wav、Ogg の 3 つのオーディオ形式ファイルをサポートしています。

ブラウザ

MP3

Wav

Ogg

Internet Explorer 9+

はい

いいえ

Chrome 6+

Safari 5+	はい	はい	いいえ
Opera 10+	はい	はい	いいえ

オーディオ形式のMIMEタイプ

形式 audio/mpegaudio/oggaudio/ wav

MIME-typ

e MP3

Ogg

Wav

HTML5オーディオタグ

タグ	属性
<audio>	はサウンドコンテンツを定義します
<source>	は、<video> タグと <audio> タグで使用されるマルチメディアリソースを指定します

学び続ける

新しいファイル

<!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>

提出するリセットコード

自動運転

前のセクション次のセクション

チュートリアルリスト

ヘルプの取得