バーチャルピアノ:キーボードでオンライン演奏
ブラウザーで弾ける3オクターブのピアノ。鍵盤をクリック・タッチするほか、パソコンのキーや接続したMIDI鍵盤で演奏できます。
各音はWeb Audio APIでリアルタイム合成するため、サンプルのダウンロードは不要。最後に弾いた音の正確な周波数を表示します。
バーチャルピアノ:キーボードでオンライン演奏
ブラウザーで弾ける3オクターブのピアノ。鍵盤をクリック・タッチするほか、パソコンのキーや接続したMIDI鍵盤で演奏できます。
音域: C3 – B5
音量
最後の音: 鍵盤を弾いて始めましょう
周波数 = 440 × 2^((n − 69) ÷ 12)。nはMIDIノート番号です。C4(n = 60)は261.63 Hz、A4(n = 69)は正確に440.00 Hzになります。
MIDI:未接続
パソコンのキー:A S D F G H J K Lの列で最も低いCから白鍵を、W E T Y U O Pでその間の黒鍵を弾けます。
パソコンのキーとピアノ鍵盤の対応
WC#ED#TF#YG#UA#OC#PD#
ACSDDEFFGGHAJBKCLD;E'F
各文字は現在の基準オクターブから、表示中の3オクターブのうち低い2オクターブを弾きます。高音・低音へ移るにはオクターブを変更してください。
このバーチャルピアノについて
これはただの画像ではなく、実際に弾ける楽器です。鍵盤は3オクターブで、初期状態はC3からB5。オクターブボタンでC1からB7の範囲に移動できます。各鍵は本物の合成音を生成します。音の芯となる三角波と、丸みを加える1オクターブ上の控えめな正弦波という2基の発振器を、素早いアタックと自然な減衰のエンベロープで整えます。サステインを有効にすると、ダンパーペダルを踏んだように3秒近く音が続きます。
演奏方法は3通り。鍵盤を直接クリックまたはタッチできます。通常のCSSで描いているため、デスクトップでもタッチ画面でも同じように使えます。パソコンのキーでは、多くの音楽アプリと同じ配置を採用。ホーム段のA S D F G H J K Lが画面内の最低音Cから白鍵を担当し、その上のW E T Y U、さらにOとPが間の黒鍵に対応します。この配置はピアノの形状を反映しており、定番になっています。A-W-S-E-DはそのままC、C♯、D、D♯、Eです。最後に、Web MIDI対応ブラウザー(ChromeやEdgeなど)なら「MIDI入力を有効にする」を押し、接続したMIDI鍵盤で直接演奏できます。
鍵盤下の周波数表示は、それ自体が小さな音楽理論の授業です。現代の楽器はA4 = 440 Hzを基準とする12平均律を使い、半音上がるごとに周波数を2の12乗根、約1.05946倍します。A4なら正確に440.00 Hz、中央のCであるC4なら261.63 Hz、1オクターブ上のC5なら倍の523.25 Hzです。弾きながら数値を見ると、音高の対数的な性質を教科書の図以上に実感できます。
2オクターブでも重要な形を学ぶには十分です。Cから始まる白鍵の長音階を探し、音程を作ってみましょう。完全5度は7半音(C4からG4)、長3度は4半音(C4からE4)。重ねてCメジャーの三和音を作り、第3音を隣の低い鍵へ動かせばCマイナーです。すべての鍵に音名を表示できるので、聴こえる音、見える位置、楽譜上の名前を結び付けられます。形を覚えたら音名を隠しましょう。
すべてページ内でローカル動作します。録音もアップロードもなく、初回読み込み後はネット接続も不要です。
試したい音・音程・和音
標準のA440調律における、確認済みの平均律周波数です。
| 弾く音 | 表示される値 | 学べること |
|---|---|---|
| A4(中央のCより右にあるA) | 最後の音:A4 · 440.00 Hz | コンサートピッチ。オーケストラの調律基準で、ほかの周波数はすべてここから求めます。 |
| C4(中央のC) | 最後の音:C4 · 261.63 Hz | 鍵盤と大譜表の中心。A4よりちょうど9半音下で、440 ÷ 2^(9/12)です。 |
| C4の次にC5 | 261.63 Hzの次に523.25 Hz | 1オクターブ上がると周波数は正確に2倍。最も協和する音程です。 |
| C4 – E4 – G4を一緒に(サステインをオンにして素早く) | 約261.63、329.63、392.00 Hz | Cメジャーの三和音。根音から長3度(4半音)、さらに短3度(3半音)を積み重ねます。 |
| A4の次にE5(必要ならオクターブを上げる) | 440.00 Hzの次に659.26 Hz | 完全5度。周波数比は1.498で、平均律が近似する純正な比率3:2にほぼ一致します。 |
バーチャルピアノの弾き方
- 鍵盤をクリック・タッチするか、パソコンのキーを使います。A S D F G H J K Lが白鍵、W E T Y U O Pが黒鍵です。
- 「オクターブ下げる」「オクターブ上げる」で、2オクターブの表示範囲をC1からB7の間に移動します。
- サステインでペダルのように音を伸ばし、「音名を表示」で鍵のラベルを表示・非表示にします。
- 表示を確認しましょう。最後に弾いた音名と、ヘルツ単位の正確な周波数が出ます。
- MIDI鍵盤があれば、ChromeまたはEdgeで「MIDI入力を有効にする」を押して直接演奏できます。
バーチャルピアノのよくある質問
A4が正確に440.00 Hzと表示されるのはなぜ?
A4 = 440 Hzは国際標準のコンサートピッチ(ISO 16)です。平均律ではほかの音をここから求め、半音上がるごとに周波数を2の12乗根倍します。12半音、つまり1オクターブ上では正確に2倍の880 Hzになります。
パソコンのキー配置と、その理由は?
A S D F G H J K Lで表示範囲の最低音Cから白鍵を、W E T Y U O Pでその上の黒鍵を弾きます。GarageBand、Ableton Live、FL Studioなど多くのDAWと同じ慣例です。QWERTYの上段が下段の間に位置し、白鍵の間に黒鍵があるピアノの形に似ているため使いやすい配置です。
音はどう作られていますか?
各音は2基のWeb Audio発振器を使います。音の周波数の三角波で温かい芯を作り、1オクターブ上の控えめな正弦波で高域に丸みを加え、アタック8 msのゲインエンベロープに通します。サステインがオフなら約半秒で減衰し、オンならペダルを踏むように3秒近く続きます。
MIDI入力はすべてのブラウザーで使えますか?
Web MIDIはChromium系のChrome、Edge、Opera、Braveに対応し、SafariとFirefoxでは標準搭載されていません。ボタンには対応確認があり、非対応なら通知だけが表示されます。鍵盤のクリックやパソコンのキー入力はどのブラウザーでも使えます。
ピアノの練習に使えますか?
音名、音階、音程、和音の形など鍵盤の構造を学び、正確な周波数で耳を鍛えるのに最適です。ただしパソコンのキーは打鍵の強さを感知しないため、タッチの強弱は学べません。実際のピアノやMIDI鍵盤へ移っても、覚えた配置はそのまま役立ちます。
音が聞こえないのはなぜ?
ブラウザーはユーザー操作後にしか音を許可しないため、音声エンジンは最初のクリックかキー入力で起動します。無音のままなら、このページの音量、システムの出力機器、タブのミュートを確認してください。音名表示は音の有無にかかわらず更新されるので、キー入力が認識されたか確認できます。