Web Piano - 4 （黒鍵付き）が出来ました！

クリックで鳴る Web Piano です。
前回は白鍵のみでしたので、苦心して黒鍵付きを作ってみました。
理想には程遠いのですが、現状では仕方がありません。

理想というのは、以前 IE 向けに作った時のように、クリックでもマウスオーバーでも鳴る、つまりグリッサンドが出来ること。
そしてクリックした時などに画像が変化する事です。

これは IE だけでなく、Ｃhrome、Ｆirefox、Ｅdge などのブラウザでも鳴ります。
　↓
「 Web Piano - 4」

今回、検索して幾つか見た中で、参考にしたのは確かこのサイトです。
　↓
「感謝するボタン」

以前作った グリッサンドが出来る Web Piano（IEのみ対応）
　↓
「HTML タグによる Web Keybord」

「HTML タグによる 遊び場・ 色々な Web Piano」