クリックで鳴る Web Piano を作りました！（Webブラウザ・シェア・ランキング TOP10）

今までに作って来た Web Piano は HTML タグの BGSOUNDを使用していた為、IEのみに対応していて Ｃhrome Ｆirefox Ｅdge などのブラウザでは音は鳴りませんでした。
でも、クリックとオンマウスの両方で音が鳴る為、本物のピアノのようにグリッサンドが出来たのです。
これが大きな特徴でした。
でも現在、世界で一番使われているブラウザは Chrome で 60%、 IE は 2% くらいです。

Webブラウザ・シェア・ランキング TOP 10 (2020年11月)

＜日本のブラウザシェア＞
順位 ブラウザ名・バージョン シェア率
1位 Chrome 86.0 　　　　　35.25%
2位 Chrome for Android 　12.02%
3位 Edge 86 　　　　　　　9.51%
4位 IE 11.0 　　　　　　　7.89%
5位 Chrome 87.0 　　　　　7.07%
6位 Safari 14.0 　　　　　4.76%
7位 Edge 87 　　　　　　　3.99%
8位 Firefox 82.0 　　　　　3.63%
9位 Safari 13.1 　　　　　2.16%
10位 Firefox 83.0 　　　1.67%

＜世界のブラウザシェア＞
順位 ブラウザ名・バージョン シェア率
1位 Chrome 86.0 　　　　　45.19%
2位 Chrome 87.0 　　　　　9.22%
3位 Chrome for Android 　5.89%
4位 Safari 14.0 　　　　　5.19%
5位 Edge 86 　　　　　　　4.76%
6位 Firefox 82.0 　　　　　4.08%
7位 Safari 13.1 　　　　　2.94%
8位 Firefox 83.0 　　　　　1.93%
9位 Edge 87 　　　　　　　1.93%
10位 IE 11.0 　　　　　1.92%

今後の計画では・・・
１、クリックで鳴る Web Piano
２、マウスオーバーで鳴る Web Piano
３、クリックとマウスオーバーで鳴る、つまり以前のようにグリッサンドが出来る Web Piano
このような順に作っていきたい訳ですが・・・
これが中々難しいのです。

今回初めてIE以外でも鳴る Web Piano を作ってみましたが、とあえず試作品です。
こちらです。
　↓
「クリックで鳴る Web Piano」

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