Single Page Piano

Click the keys or use your keyboard. Built-in demos can autoplay and light up the keys while they play. Audio is generated in the browser with the Web Audio API.

Tone

Volume

Demo

Press any piano key to start audio, or play a demo.

Keyboard mapping starts at A and follows the visible labels on each key.

Built-in demos: Ode to Joy, Twinkle Twinkle, Happy Birthday.

Demos autoplay the notes and light the matching keys in real time.