HTML5オーディオ(音声)



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


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

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

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

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


ブラウザのサポート

Internet Explorer

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;

いいえ

Chrome 6+Firefox 3.6+はいYESオーディオフォーマットのMIMEタイプオーディオ/ogg
はいはいはい
はいはいはい Safari 5+
はい NOOpera 10+
YESYES
Format MIME-type
MP3オーディオ/mpeg Ogg


Wav

オーディオ/wav


HTML5オーディオタグ

タグの説明
<audio>サウンドコンテンツを定義します
<source>マルチメディアリソースを指定します、<video> 内では複数指定できます; と <audio> タグで
を使用します。