[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
![[jQuery]audio要素とjQueryと画像を使ってオーディオの再生・停止 | STUDIO BENKEI](https://cdn-ak-scissors.b.st-hatena.com/image/square/ebf952800b6e4b0d611945447d58f2ad6c2762d1/height=288;version=1;width=512/https%3A%2F%2Flab.studio-benkei.com%2Fwp-content%2Fuploads%2F2016%2F05%2Fwp350_logo.jpg){kind=logo}
