マルチメディア > オーディオ /// HTML5チュートリアル（メモ）

マルチメディア > オーディオ

以下のサンプルコードは，"audio.mp3" (MP3形式)，または"audio.aac" (AAC形式)のオーディオファイルを再生するためのオーディオプレイヤーをブラウザに表示するサンプルです．

<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>オーディオを再生する（サンプル）</title>
<meta name="Author" content="Scyphus Solutions Co. Ltd." />
<meta name="copyright" content="(C) 2011 Scyphus Solutions Co. Ltd.  All rights reserved." />
</head>
<body>
<audio controls="controls" id="myAudio" preload="auto" preload="preload">
<source src="audio.mp3" type="audio/mpeg" />
<source src="audio.aac" type="audio/aac" />
This page requires the audio tag support on your browser.
</audio>
</body>
</html>

なお，audioタグは次の属性（attribute）をサポートしています．

属性	属性値	説明
src	URL	オーディオファイルのURLを指定します．上記の例のように，この属性の代わりにsourceタグで1つ以上のオーディオファイルを指定することもできます．複数のオーディオファイルを指定することで，ブラウザは対応しているメディアタイプのオーディオファイルを選択し，適切に読み込みます．
controls	controls	オーディオプレイヤー（コントローラ）を表示します．
autoplay	autoplay	読み込み完了時に自動再生します．
loop	loop	繰り返し再生を有効にします．
preload	auto metadata none	再生前の事前読み込みを設定します．この属性は初期のHTML5ではautobuffer属性の真偽値により定義されていましたが，preloadに取って代わりました．

また，audioタグ内に使用できるsourceタグは次の属性（attribute）をサポートしています．

属性	属性値	説明
src	URL	オーディオファイルのURLを指定します．
media	media_query	Media queryを指定します．この属性が省略された場合の初期値は"all"です．
type	MIME type	指定したオーディオファイルの"audio/aac/"のようなMIMEタイプを指定します．

詳細はW3Cのページをご覧ください．