2013年8月5日月曜日

【HTML5】audio要素を使った効果音を連続で鳴らす方法【Javascript】



HTML5で追加されたaudio要素はJavascriptによって
再生することができる。

その方法は
audio要素に任意のidを振っておき

document.getElementById("任意のid").play();

とすれば再生できる。とても簡単。


この方法でwebサイト上で閲覧者の操作に合わせて効果音を鳴らしてみたいと思う人が
いるのかな? たとえばクリックしたらポーンという効果音を鳴らす。

そういう使い方をするときに、思ったとおりに動かない。
クリック連打をしたときに、前のクリックで効果音が再生中だと、playメソッド
を実行しても音が鳴らない。
カチカチカチとクリック連打しても ぽーん としかならない。
カチカチカチと連打すると ぽぽぽぽーん と鳴って欲しい。

そうするためにはcurrentTimeをはじめに戻してやるとうまくいく。

document.getElementById("任意のid").currentTime = 0;

これを.play()の前に持ってこればOK

0 件のコメント:

コメントを投稿