On this page
Piano Game Online
A playable three-octave piano with four instrument voices, sustain, metronome and a simple recorder.
- Available — Live on this site right now.
- Browser Tool — Runs in the browser you are reading this in.
- No Install — Nothing to download, no extension, no account.
- Client-Side — Runs entirely on your device. No test data is uploaded.
- Plays Sound — Produces audio, so speakers or headphones are needed.
This page explains the tool. The tool itself is one click away and needs no sign-in.
Open Piano Game OnlineWhat is this game?
Piano Game Online is a working piano in the browser. It lays out 36 keys across three octaves, C3 to B5 (MIDI notes 48 to 83), and sounds each note through Web Audio synthesis rather than by playing back samples.
You can play it three ways: by clicking or tapping the keys, or by using your computer keyboard, where letter keys are mapped to the middle octaves so you can play with both hands. Notes are polyphonic, so chords sound as chords.
It is an instrument to play, not a lesson or a rhythm game - there is no score, no falling-notes track and no built-in song library. The features around the keyboard are there to shape the sound and to capture what you play.
How to play
- Pick a voiceChoose one of four instruments - Grand Piano, Electric Piano, Warm Synth or Music Box. Each is a different synthesis patch tuned to concert pitch (A = 440 Hz).
- Play the keysClick or tap the on-screen keys, or use your computer keyboard. The home row and the row above it map to the central octaves so you can reach a useful range without shifting.
- Shape the soundAdjust volume and sustain, shift the octave, or transpose the whole keyboard up or down by up to six semitones to match a song's key.
- Keep time and recordTurn on the metronome (40-240 BPM) to practise in tempo, and use REC then PLAY to capture and hear back a short performance within the session.
Controls
- Click / Tap
- Play the key under the pointer or finger
- A S D F G H J
- Play the white keys of octave 4 (C4-B4); the row above adds octave 4's black keys
- Octave / Transpose
- Shift the playable octave, or move the whole keyboard up to six semitones either way
- Sustain / Volume
- Hold notes after release and set the output level
- Metronome
- A click track from 40 to 240 BPM
- REC / PLAY
- Record a short performance and play it back within the session
Scoring and results
The note that sounds
Each key triggers a specific pitch, from C3 up to B5, synthesised in the chosen voice at A = 440 Hz. Playing several keys together sounds them together - the engine is polyphonic.
The keyboard mapping
Computer-keyboard letters are mapped to the middle two octaves - the A / S / D / F / G / H / J run and the row above cover the white and black keys of octave 4, with a further set for octave 5. The lowest octave has no letter mapping and is played by click or touch.
A recorded phrase
The recorder captures the notes you play and their timing so PLAY can reproduce them. Like everything else here it is held for the current session only.
What this game tests
- Whether your device and browser can synthesise low-latency audio through the Web Audio API
- How chords and fast passages hold up - the engine is polyphonic, so stuck or dropped notes point to an audio-stack problem
- A quick way to check pitch and tuning by ear against a known A = 440 reference
Limits worth knowing
A browser can only report what the platform gives it. These are the honest boundaries of this page, so a result is never read as more than it is.
- There are no built-in songs, sheet music or lessons. This is a free-play instrument, so what you play is up to you - it does not teach or grade.
- Recordings and the current setup are session-only. Nothing about your playing or your recorder take is written to storage, so a reload clears it.
- It does not request MIDI hardware. Playing is by mouse, touch or computer keyboard; the tool does not connect to an external MIDI keyboard.
- Latency depends on your device's audio stack. On some phones and browsers there is an audible delay between pressing a key and hearing it that the page cannot remove.
- The keyboard mapping documented here is the one the code sends; some on-page hints for the black keys can differ slightly from what actually sounds.
Tips for a higher score
- Use Transpose to play a song in its original key without relearning the fingering - move the whole keyboard rather than hunting for black keys.
- Turn the metronome on before recording; a take played in tempo is far easier to play back and build on.
- If notes lag on a phone, close other audio apps and tabs - latency here is set by the device's audio stack, not the piano.
Troubleshooting
I hear nothing when I press a key.
Browsers require a user gesture before audio can start. Click or tap a key once to unlock the audio context, and check the volume control and your system output.
My recording disappeared.
The recorder holds your take only for the current session and never saves it. A reload, a new tab, or closing the page clears it - there is no stored file to recover.
A computer-keyboard letter plays the wrong note or none at all.
Only the middle octaves are mapped to letters; the lowest octave is played by click or touch. Use the octave shift to bring the range you want under the mapped keys.
Ready to run it?
A playable three-octave piano with four instrument voices, sustain, metronome and a simple recorder. Nothing to install, and it opens in this browser.