SoundManager2とJQueryでFlashサイト風の効果音を演出
SoundManager2というFlashを使ってJavascriptからmp3を再生するライブラリがありますが，これを使ってFlashサイト風にテキストに効果音をつけてみようと思います．
今回はaタグに対して効果音をつけます．
SoundManager2ライブラリの簡単な使い方
mp3の再生方法は簡単で，soundmanager2.jsを読み込んで
soundManager.debugMode = false; // falseにしないとデバッグ情報が表示される soundManager.url = '{path to movie}/soundmanager2.swf';
を設定したあと，
soundManager.play('{適当なID}', '{mp3へのパス}')}
とするだけ．
JQueryでイベント登録
別にJQueryじゃなくてもいいけれど，楽ちんなのでJQueryでクリックとホバーに対して登録．
$('a').click(function(){soundManager.play('click_id', '{クリック用のmp3のパス}')}); $('a').hover(function(){soundManager.play('hover_id', '{ホバー用のmp3のパス}')});
でOK.
ぼくは
$(document).ready(function() {})
の中に以上のコードを入れています．
これでリンクに対してマウスオーバーとクリックそれぞれで効果音を出せていると思います．
当サイトでも試していますが，うざかったら教えてください…
# どうも他のホバーのイベントと被ってるとうまくいかないみたい(↑のキーワードをマウスオーバーすると音が消える)
## IEtabでみるとひどいエラーが出てたんでしばらく休止．．．(08/02/04)
mp3素材を探す
こちらの記事が詳しいですが，soundsnapが探しやすいです．今回の場合は「buttons」カテゴリから探すと良いと思います．
