HTML リファレンスマニュアル

HTML タグ一覧

HTML: <audio>タグ

HTML <audio> 要素は、ドキュメント内でオーディオコンテンツを表現するために使用されます。<audio>要素は、src属性または<source>要素を使用して複数のオーディオリソースを含むことができ、ブラウザは最も適切なものを選択して使用します。<audio>要素は、<audio>要素をサポートしないブラウザ用に、ドキュメントにブラウザが認識しない内容として追加することもできます。

オンラインサンプル

音声を再生する：

サンプル

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

テストして見て‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

IE 9+、Firefox、Opera、Chrome、Safariは<audio>タグをサポートしています。

注釈： IE 8 またはそれ以前のバージョンのIEブラウザは<audio>タグをサポートしていません。

タグの定義及び使用説明

<audio>タグは、音楽や他のオーディオストリームなどの音声を定義するタグです。
現在、<audio>要素はサポートしています3のファイル形式：MP3、WAVおよびOGG。

ブラウザ	MP3	Wav	Ogg
インターネット・エクスプローラー	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES	YES	YES
Safari	YES	YES	NO
Opera	YES	YES	YES

HTML 4.01 HTML5の間の違い

<audio>タグはHTML5に新しいタグがあります。

ヒントと注意

注意：<audio>と</ audio>の間のテキストは、<audio>タグをサポートしていないブラウザで表示されます。

属性

New　：HTML5 に新しい属性があります。

属性	値	説明
autoplayHTML5	autoplay	この属性が指定されている場合、オーディオが準備ができたらすぐに再生されます。
controlsHTML5	controls	この属性が指定されている場合、ユーザーにオーディオコントロール（例：再生ボタン）を表示します。/（例：一時停止ボタン）。
loopHTML5	loop	この属性が指定されている場合、オーディオが終了したら再び再生されます。
mutedHTML5	muted	この属性が指定されている場合、オーディオ出力がミュートされます。
preloadHTML5	auto metadata none	ページが読み込まれたとき、オーディオがデフォルトで読み込まれるかどうかおよびどう読み込まれるかを指定します。
srcHTML5	URL	オーディオファイルのURLを指定します。

グローバル属性

<audio>タグがサポートされています HTMLのグローバル属性。

イベント属性

<audio>タグがサポートされています HTMLのイベント属性。

HTML: <b>タグ HTML: <aside>タグ