広告
このページでは、HTML5のaudio要素を解説しています。
audio要素の最新情報は、以下を参照してください。
<audio>タグは、音声を再生する際に使用します。
再生する音声ファイルは、src属性で指定します。
<audio>~</audio>の中には、 <audio>タグがサポートされていない環境で表示させるメッセージを記述することができます。
動画の再生については、<video>タグのページを参照してください。
audio要素は、HTML5から新たに追加された要素です。
- src属性
- 音声ファイルを指定する
- preload属性
- 音声をあらかじめ読み込む(auto、metadata、none)
- autoplay属性
- 音声を自動再生する
- loop属性
- ループ再生を指定する
- controls属性
- インターフェースを表示する
以下のサンプルでは、FirefoxとGoogle Chromeで音声を再生できます。
<body>
<audio src="sample/sample.ogg" controls>
<p>音声を再生するには、audioタグをサポートしたブラウザが必要です。</p>
</audio>
</body>
↓↓↓
※メモ:
サーバー側の設定にもよるでしょうが、
ogv形式の動画やogg形式の音声を再生するには、
.htaccess
に以下の記述を追加する必要があるかもしれません。
AddType video/ogg .ogg .ogv
AddType audio/ogg .ogg
AddType application/ogg .ogg .ogv
広告