'\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; }

Technology Applications Download Documentation Community about the developer...

Home » Examples » Jazz-Plugin » Custom Piano

Custom Piano

Range	White keys	Black 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...