[jQuery]audio要素とjQueryと画像を使ってオーディオの再生・停止 | STUDIO BENKEI

[jQuery]audio要素とjQueryと画像を使ってオーディオの再生・停止 2016/05/21 最近の案件で、サイト上で音楽を流したいという要望がありましたので、jQueryを使って自分なりに調べて作ってみました。 本当はmp3以外にもoggやwavファイルもある方が良いようですが、最新のブラウザだとどのブラウザでも大丈夫そうだったので、mp3だけにしてます^^; サンプル ※画像をクリックすると音がなります。 再生・停止 設置方法 最初にボタンになるタグに「clicked」とクラス名をつけています。ボタンをクリックすると「clicked」のクラス名があれば、削除して、play()メソッドで音楽が再生され、「clicked」のクラス名がなければ、「clicked」のクラス名を付けて、pause()メソッドで停止するようにしています。 同時にcssで「soundBtn」のbackgr