A Web Piano Manual play, real MIDI keyboards, and .mid files

Web / Interactive · off the clock · Aug 2026

A piano you can play — or feed a MIDI file and watch it play itself.

Click the keys, type on your computer keyboard, or plug in a real MIDI keyboard — every note lights up as it's struck, with real sampled piano sound. Load a .mid file and it plays itself while colored bars fall from the top so you can see what's coming, the same way piano-practice games do.

Six pieces, six stories

Everything here has some lore behind it — click one and it plays itself.

0:00 / 0:00

Loading piano samples…

Computer-keyboard mapping

Z X C V B N M and , . / play one octave of white keys; S D · G H J · L ; are the black keys between them. Q W E R T Y U I O P repeats the same pattern an octave higher, with 2 3 5 6 7 9 0 as its black keys.

Piano samples: VSCO2 community edition via tonejs-instruments (CC BY 3.0) · Audio engine: Tone.js · MIDI parsing: @tonejs/midi