Pocket Piano

Pocket Piano adds a keyboard to your website that actually plays. Click or tap a key and it sounds a soft tone generated live in the browser. There are no audio files to host and nothing to load, so it stays fast on mobile.

It covers one full octave C4 to C5.

You can customize the colors to your design or leave it classic black and white. You can also decide how loud each note sounds and how long it lingers.

Fits websites for music schools, therapy and coaching practices, kids' learning pages, bands and anywhere a small interactive piano beats a static image.

Properties

White keys, white active, black keys, black active, border: the colours for resting and pressed keys

Volume: 00,5 to 0,5

Tone Length: 0,4 to 2,5s

Good to know

Resizes the piano freely, it grows with its frame. The keys carry aria labels for screen leaders. On iOS the hardware silent switch mutes the sound, which is expected browser behaviour and not a bug.

Have fun! 😄