Home » ★HTML5タグリファレンス

★HTML5タグリファレンス

<audio> …… 音声を再生するHTML5から追加
Internet Explorer9
Firefox3.5Firefox4
Google Chrome3Google Chrome4Google Chrome5Google Chrome6
Safari3Safari4Safari5
Opera10
広告



このページでは、HTML5のaudio要素を解説しています。
audio要素の最新情報は、以下を参照してください。

<audio>タグは、音声を再生する際に使用します。
再生する音声ファイルは、src属性で指定します。

<audio>~</audio>の中には、 <audio>タグがサポートされていない環境で表示させるメッセージを記述することができます。

動画の再生については、<video>タグのページを参照してください。

■HTML4.01からHTML5へのバージョンアップによる変更点

audio要素は、HTML5から新たに追加された要素です。

■属性

src属性
音声ファイルを指定する
preload属性
音声をあらかじめ読み込む(auto、metadata、none)
autoplay属性
音声を自動再生する
loop属性
ループ再生を指定する
controls属性
インターフェースを表示する

以下のサンプルでは、FirefoxとGoogle Chromeで音声を再生できます。

■使用例

HTMLソース

<body>
<audio src=”sample/sample.ogg” controls>
<p>音声を再生するには、audioタグをサポートしたブラウザが必要です。</p>
</audio>

</body>

↓↓↓

ブラウザ上の表示

音声を再生するには、audioタグをサポートしたブラウザが必要です。

※メモ:
サーバー側の設定にもよるでしょうが、
ogv形式の動画やogg形式の音声を再生するには、
.htaccess
に以下の記述を追加する必要があるかもしれません。

AddType video/ogg .ogg .ogv
AddType audio/ogg .ogg
AddType application/ogg .ogg .ogv

広告



Lorem Ipsum is simply dummy text

    By signing up, you agree to our Terms and Privacy Policy. Unsubscribe anytime.