We make it sound!

Home » Examples » Jazz-Plugin » Custom Piano

Custom Piano

RangeWhite keysBlack keys
from: width: width:
to: length: length:

How it works

It's tedious to calculate the key offsets while adjusting HTML piano to fit your own page design. Fortunately, we have a script that does the job for you.

Set the desired range and sizes for your piano and click "apply".

Page source

Click the "apply" button above to generate the code...