HTML5 基本チュートリアル

HTML5 API

HTML5 メディア

HTML5 グラフィックス

HTML5 フォーム要素 HTML5 ビデオ(ビデオ)

HTML5 オーディオ(音声)

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

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

今まで、ウェブ上でオーディオを再生するための標準は存在しませんでした。

今日、ほとんどのオーディオはプラグイン（例えばFlash）を使用して再生されています。しかし、すべてのブラウザが同じプラグインを持っているわけではありません。

HTML5 は、ウェブページにオーディオ要素を埋め込むための標準を定義しています、すなわち<audio>要素を使用します。

ブラウザのサポート

Internet Explorer 9+, Firefox、Opera、Chrome、およびSafariは<audio>要素をサポートしています。

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

HTML5 オーディオ - どのように機能するか

HTMLで音声を再生するには、以下のコードを使用する必要があります：5 HTMLで音声を再生するには、以下のコードを使用する必要があります：

例

!DOCTYPE　html>
<html>
<head>　
<meta　charset="utf-8">　
<title>基本チュートリアル(oldtoolbag.com)</title>　
</head>
<body>
<audio　controls>
　　<source　src="horse.ogg"　type="audio/ogg">
　　<source　src="horse.mp3"　type="audio/mpeg">
あなたのブラウザは<audio>要素をサポートしていません。
</audio>
</body>
</html>

テストをしてみてください ‹/›

control属性は、再生、一時停止、およびボリュームコントロールを追加するために使用されます。

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

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

オーディオフォーマットおよびブラウザのサポート

現在、<audio>要素は3つのオーディオフォーマットのファイルをサポートしています: MP3, Wav, および Ogg:

ブラウザ	MP3	Wav	Ogg
Internet Explorer 9+	YES	NO	NO
Chrome 6+	YES	YES	YES
Firefox 3.6+	YES	YES	YES
Safari 5+	YES	YES	NO
Opera 10+	YES	YES	YES

オーディオフォーマットのMIMEタイプ

フォーマット	MIME-type
MP3	audio/mpeg
Ogg	audio/ogg
Wav	audio/wav

HTML5 オーディオタグ

タグ	説明
<audio>	音声内容を定義
<source>	マルチメディアリソースを指定し、複数で、<video>と <audio>タグで使用

HTML5 フォーム要素 HTML5 ビデオ(ビデオ)