Web鍵盤を作ろう

今日はクライアントさんのアイデアを受けて、ウェブピアノを作ってみました。

音は魔王魂さんから拝借させて頂きました。

音があると楽しいです♪  芸術の秋ですね♫♪♬

他にも

MP3やWAVに変換する為のサイト
http://media.io/ja/

1. audioタグで音が出るファイルを指定する

2. JavaScriptでクリックすると音が再生出来るように指定する

3. ボタン画像を貼付け、クリックして音を鳴らす指定をする

サンプルページ 1

サンプルページ 2

☆参考にさせて頂いたサイト☆
https://syncer.jp/html5-javascript-hello-button
http://www.s-oj.com/ec-business/html5_mouseover_ring/