Tone.js Piano

A playable synthesizer with ADSR envelope control. Use mouse or computer keyboard.

ADSR Envelope Controls

50 ms
200 ms
0.70
1000 ms

Keyboard Mapping

Use the keys A, S, D, F, G, H, J for white notes (C4 to B4), and W, E, T, Y, U for black notes (C#4, D#4, F#4, G#4, A#4).
For the second octave, use Z, X, C, V, B, N, M for white notes (C5 to B5), and Q, R, I, O, P for black notes.

Click on piano keys with mouse. Adjust ADSR sliders to shape the sound envelope.