Virtual Piano

The Virtual Piano turns your screen into a real, playable keyboard that you can perform with using your mouse, touchscreen, or computer keyboard — no app, plugin, or sign-up required. Every note is generated live in your browser with the Web Audio API, so you can switch instantly between a grand piano, electric piano, organ, and synth, hold the sustain pedal, shift octaves, and even record your performance and play it back. Best of all, the built-in falling-note song guide lets you watch popular tunes play themselves or learn them one glowing key at a time, the same way apps like Synthesia teach the piano.

How to Play the Virtual Piano

1. Play a note: Click or tap any key, or press the mapped letter on your computer keyboard. Each key is labelled with the letter that plays it.
2. Pick your sound: Choose an instrument voice — Grand, E-Piano, Organ, or Synth — then adjust the volume to taste.
3. Reach more keys: Use the octave − / + buttons (or the Z and X keys) to move the keyboard mapping lower or higher.
4. Hold notes: Turn on the sustain pedal, or hold the Space bar, so notes ring out and chords blend.
5. Learn a song: Pick a song, choose Watch or Learn, and follow the falling notes.
6. Record: Press Record, play your melody, press Stop, then Play to hear it back.

Computer Keyboard Mapping

The virtual piano maps your typing keyboard to the on-screen keys so you can play fast, two-handed, without a MIDI controller. The white keys sit on the home row and the black keys (sharps and flats) sit on the row above, just like a physical piano.

Watch and Learn Mode — the Falling Notes

Above the keyboard is a note highway. When you start a song, coloured note bars fall from the top and strike the glowing line exactly when each note should be played, so you can see the music as well as hear it.

• 👀 Watch mode plays the whole song for you, lighting each key as its falling note lands — perfect for hearing how a tune goes and seeing the fingering.
• 🎯 Learn mode pauses at each note and highlights the key you need to press. It waits for you, so you can go at your own pace and build muscle memory one note at a time.

Built-in songs include Twinkle Twinkle Little Star, Ode to Joy, Happy Birthday, Jingle Bells, Für Elise, and Mary Had a Little Lamb — all public-domain melodies chosen because they are easy for beginners and instantly recognisable.

Instrument Voices

Rather than playing back samples, the virtual piano synthesises every sound in real time by stacking harmonics and shaping them with an amplitude envelope:

• 🎹 Grand Piano — a warm, percussive tone that fades naturally after each strike.
• 🎸 Electric Piano — a mellow, bell-like Rhodes-style voice.
• 🎛️ Organ — a sustained, drawbar-style sound that holds as long as you press the key.
• 🌈 Synth — a bright sawtooth lead for melodies and riffs.

Recording Your Performance

The built-in recorder captures every note you play along with its exact timing and length. Press Record, play freely with the mouse, touch, or keyboard, then press Stop. Hit Play to hear your take back exactly as you performed it. Everything stays on your device — nothing is uploaded — so you can experiment freely and clear it with one click when you want to start over.

Tips for Beginners

• Start in Learn mode with Twinkle Twinkle or Mary Had a Little Lamb — both use only white keys.
• Turn on Note labels (the label button cycles Keys → Notes → Off) to memorise where C, D, E and friends live.
• Use the sustain pedal to connect notes smoothly and make simple melodies sound fuller.
• On a phone or tablet, rotate to landscape for a wider keyboard, and swipe the keys to scroll through the full two-octave range.

Frequently Asked Questions

How do I play the virtual piano with my keyboard?

Each on-screen key shows the computer key that plays it. The white keys are mapped to A S D F G H J K L and the semicolon, and the black keys to W E T Y U O P. Use the octave buttons or the Z and X keys to move the mapping lower or higher, and hold the space bar to engage the sustain pedal.

Can I record what I play?

Yes. Press the Record button, play your melody with the mouse, touch, or keyboard, then press Stop. Press Play to hear your recording back exactly as you played it, including timing and note lengths, or press Download audio to save it as an audio file. Everything stays in your browser and nothing is uploaded.

How do I learn a song on the piano?

Choose a built-in song such as Ode to Joy or Für Elise, then pick a mode. Watch mode plays the song for you while the falling notes light up the keys, like Synthesia or piano tiles. Learn mode waits for you to press each glowing key before moving on, so you can go at your own pace.

Do I need to download or install anything?

No. The virtual piano runs entirely in your web browser using the Web Audio API. There is no download, plugin, or sign-up, and it works on desktop, laptop, tablet, and phone. The sound is generated live rather than loaded from audio files.

What instruments can the virtual piano play?

You can switch between four synthesized voices: a grand piano with a natural percussive decay, an electric piano, a sustained organ, and a bright synth lead. Each voice is generated in real time so you can change instruments instantly while you play.

Why is there no sound?

Browsers only allow audio to start after you interact with the page, so click or tap a key once to enable sound. Also check that your device is not muted and that the volume slider is turned up. The piano works best in an up-to-date version of Chrome, Edge, Safari, or Firefox.

Additional Resources

• Piano - Wikipedia
• Musical Keyboard - Wikipedia
• Web Audio API - MDN