【HTML】audio要素

HTML5で導入されたaudio要素

タグ

<audio></audio>

使い道

HTML5でaudio要素が追加されたことにより、Web上で簡単に音楽や効果音などを流せるようになりました。また、Web Audio API を使ってエフェクトフィルターや音源の分析などができ、様々な用途で活用できそうです。例えば、DTMやシンセサイザーなどのようなWebアプリを作ることもできます。

属性

autoplay
この属性が指定されている場合、再生可能状態になると自動的に再生される。
controls
この属性が指定されている場合、再生・一時停止・停止・音量などのコントロールが表示される。
loop
この属性が指定されている場合、最後まで再生されると最初に戻って自動で再生される。
muted
この属性が指定されている場合、初期状態が消音で再生される。
preload
音源の事前ダウンロードの範囲を決める。
src
音源のソースのURLを設定する。
volume
再生音量を0.0(最小)から1.0(最大)の範囲で設定する

サンプル

雨の降る音が流れますのでご注意ください。

<audio controls loop preload="auto" src="雨.mp3"></audio>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です