こんにちは、福岡のホームページ制作シンス株式会社の越水です。 クリックすると音が鳴るボタンは「ちゃんとクリックした」というユーザーの認知を助けます。 今回はHTML5のaudioタグを使って、音が出るボタンの作成方法をご紹介します。 音が出るボタンはFlashじゃなくても実現できる。こうした音が出る表現は一昔前はFlashサイトなどでよく見られたのですが、HTML5のaudioタグでも同様の表現が可能です。 まずは音源ファイルを用意する。取り急ぎ必要になるのはボタンをクリックした時に出る音源ファイルです。 フリーの音源素材サイトなどがあるので好みの音源(SE)を探してみましょう。 いくつかSEがダウンロードできるサイトをピックアップしてみましたが、他にも色々あると思うので検索してみてください。 タグ検索: 効果音 – ニコニ・コモンズfreeSFX.co.ukInterface Sound