'\n\n'+ '\n'+ '

Custom Piano

\n\n'+ '\n\n'+ '<'+'script>\n\n'+ '
\n'+ '
\n'+ black+'\n'+ '
\n'+ '
\n'+ white+'\n'+ '
\n'+ '
\n\n'+ '\n'+ ''; document.getElementById('code').textContent=code; return true; }
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...