ブラウザピアノ

ピアノは音域の広い楽器です。左シフトキーを押すと演奏音域が左側へ、右シフトキーを押すと演奏音域が右側へ、それぞれ移動します。また、ボタンを押すとマウスで、演奏音域を選択できます。
赤字で示した音はハ長調のドになります。
ピアノの音量は、演奏中でも半角/全角を押すと小さくなり、Backspaceを押すと大きくなります。
メトロノームは上のボタンをクリックすると表示されます。を押すと演奏音域番号が表示され、音域を選択できます。
サスティンペダル機能を追加しました。最長2秒間音が鳴り続きます。スペースキーとマウスで調節できます。(2026年1月31日)
マウスオーバーを選択すると白鍵盤の上にカーソルが載ると音が出ます。
鍵盤の文字を消去できます。
同じキーを連打する時は、確実にキーアップしてから、連打して下さい。

新着　他の音色（楽器）に鉄琴を加えました。(2026年1月28日) ⇒⇒⇒ 鉄琴

　新作ピアノ　

※ 鍵盤の大きなピアノ
　ピアノの鍵盤サイズを大きくしたピアノです。⇒ 🎹

※ 音名付きのピアノ^新着
　鍵盤にドレミﾌｧソラシドを付けています。⇒ 音名付きのピアノ

※ ３オクターブに対応したピアノです。Pure CSS3 Pianoを利用しています。演奏音域は固定です。初代ピアノを再掲載しました。 ⇒ 初代ピアノ^New（2024年12月7日掲載）

※ midiキーボードが使えるピアノを作成しました。 ⇒ midiキーボード^New（2024年11月4日掲載）

※ ３和音を弾けるピアノ
　制約がありますが、３和音を弾けるピアノを試作しました。３種類あります。
　　① ⇒ Windows日本語106と108/109キーボード
　　② ⇒ A4ノートPC用
　　③ ⇒ その他のキーボード。鍵盤を大きくしました。

※ グランドピアノの音が出るピアノ
　マウスやキーを押している間、音が鳴り続けます。音はグランドピアノを弾いて収録しました。試作のピアノができましたので掲載致します。ペダル機能を追加しました。なお、ファイルの読み込みに時間掛かります。通常の演奏には不向きかと思います。今後、対応ピアノを作成する予定でいます。
　次の３種類から選択できます。⇒ 33鍵盤　 58鍵盤　 88鍵盤

※ 432、440、448Hzブラウザピアノ
　音の高さ(ピッチ)を選択できます。 ⇒ 🎹（2021年6月21日掲載）

※ 固定調ピアノ
　ピアノは音域の広い楽器です。音域の広さを生かす目的で当ピアノを作成しました。調号による半音の上下を気にせず、演奏できます。⇒⇒⇒固定調ピアノ（2020年8月15日掲載）

※ 楽譜付きのピアノ
　ピアノ初心者の練習に最適です。両手が使い易いキー配列になっています。⇒ 「よろこびの歌」、「チューリップ」、「かえるの合唱」の３曲があります。

　旧バージョン　
　メトロノームはありません。⇒ 2024年版バージョン
　メトロノームがあります。⇒ 2025年版バージョン

　PWA対応について　（2021年8月26日掲載）　

　ブラウザピアノがアプリケーションのように使用できます。ダウンロードする必要はありません。オフラインでピアノが弾けます。⇒ PWA対応サイト

　演奏の録音について　
　PCの設定の変更が必要ですが、Windows 10で、演奏の録音が可能です。次のサイトに設定方法が紹介されています。⇒ PCで内部音声を録音する方法（2022年3月24日掲載）

　他の音色(楽器)　

楽器	名称	楽器	名称	楽器	名称	楽器	名称
	・チェレスタ		・マリンバ		・鉄琴		・チューブラーベル NHKのど自慢の鐘の音
	・トランペット		・バイオリン		・ドラム 47種の楽器

画像は、次のサイトのものを使用させて頂きました。☛ 楽器の画像

　プログラムについて　
　プログラム言語が改良されたのと、不具合を改良しなければならないので、対応のためにプログラムを見直しています。それらの経過を書き留めておきます。 ☛☛☛

　参照サイト　
　このページは、次のサイトを参考にして作成させて頂きました。

調を変えて演奏するピアノは、次のサイトを参考にしました。

調の種類

ピアノの鍵盤をCSSで描く。ピアノの鍵盤を描くのも容易ではありません。

WEB Piano – HTML5 Audioでピアノを作る

（2021年2月15日）

鍵盤をクリックした時に音を再生させる方法

Audio でサウンド再生

mousedown

（2018年2月24日）

キーボードを押した時に音を再生させる方法
　iPad対応！HTML5 Audioで作るブラウザーピアノ
if文の条件式が複数あるときのスマートな書き方
HTMLでラジオボタンを作る簡単な方法（2021年2月12日)
その他、多数のサイトを参考にしています。

　音源　
　音源はWindowsに内蔵された音源を使用しています。音源の詳細は分かりません。

　更新履歴　
・2021年8月4日：音再生の不備を修正。取り急ぎ、ピアノだけ。
・2021年6月14日：音の長さを選択できるピアノを掲載。
・2021年2月24日：左右のシフトで演奏音域を左右に移動できるように改良。
・2021年2月12日：ピアノの演奏音域をマウス選択できるように改良。
・2020年10月28日：トランペットとバイオリンを追加。
・2020年8月15日：30種類の長調短調を広い音域で弾けるピアノを作成。
・2020年5月6日：マウスクリックで全ての音域の音を出せるように変更。
・2018年5月11日：マウスで全ての白鍵の音(ハ長調とイ短調)を再生可能にし、キーボーで、48個の白鍵を弾けるように追加。
・2018年3月27日：ピアノ音源ファイルの音量の増幅。音量調節を追加。

PR

演奏のデモ(youtube)　
Mikeホームページ

　ピアノの使用　
　音源のyoutubeなどでの使用は可能です。

　コメント　
　コメントは匿名でできます。⇒ コメント

　トラブルについて　
　音が出なくなった。⇒ トラブル

このページの訪問者数

(Since Dec/22/2019)

mike3 web siteの全アクセス数

(Since Dec/8/1996)