Interactive Sound & Synthesizer Studio

Interactive Virtual Piano Keyboard, Synth & Chord Trainer

Play a polyphonic browser piano featuring 10 synthesized instrument voices, true edge-to-edge Fullscreen Landscape and Portrait stage modes, an interactive metronome, scale guides, and melody recording.

Piano Stage
Chord Pads:
Active Note(s) Ready (Strike any key)
Fundamental Pitch 440.00 Hz (A4 Ref)
MIDI & Wavelength MIDI 69 · 78.0 cm
Detected Harmony Single / Idle
Live Waveform

How the 10-Voice Synthesizer & Edge-to-Edge Fullscreen Stage Work

This browser piano combines a multi-oscillator Web Audio synthesizer with an edge-to-edge fullscreen stage layout built for mobile touchscreens and desktop monitors. Instead of loading bulky external audio files, every note is mathematically synthesized in real time using custom harmonic partials, biquad low-pass filter sweeps, and dynamic amplitude envelopes.

Using Fullscreen Landscape & Portrait Modes

  1. Fullscreen Landscape Mode: Click Fullscreen Landscape to hide all secondary sliders and stretch the 25-key two-octave keyboard across 100% of your screen. On phones held vertically where the browser blocks hardware orientation lock, the stage automatically rotates 90 degrees so the piano spans the full height of your display.
  2. Fullscreen Portrait Mode: Click Fullscreen Portrait for vertical two-thumb play. All settings panels collapse and the piano switches to a tall, finger-friendly 13-key single octave (C to C) that fills your vertical screen with zero scrolling required.
  3. Quick Top-Bar Switching in Fullscreen: While in fullscreen mode, a compact dropdown and Octave/Sustain buttons appear right inside the thin top header so you can change instruments or shift octaves without leaving fullscreen.

12-Tone Equal Temperament & Harmonic Synthesis Formulas

Every piano key is tuned to concert pitch A4 = 440.00 Hz (MIDI note 69) using standard 12-tone equal temperament:

Fundamental Frequency: f(n) = 440 × 2^((n - 69) / 12) Hz
Acoustic Wavelength in Air (20°C): λ = 343 m/s ÷ f(n)
Harmonic Overtones: f_k = k × f(n) for integer partials k = 1, 2, 3, 4...

Worked Example: Auditioning Voicings & Scale Degrees

When you select the C Major 9th (C–E–G–B–D) chord pad in the default octave (Base Octave 4):

  • Root (C4, MIDI 60): 261.63 Hz
  • Major 3rd (E4, MIDI 64): 329.63 Hz
  • Perfect 5th (G4, MIDI 67): 392.00 Hz
  • Major 7th (B4, MIDI 71): 493.88 Hz
  • Major 9th (D5, MIDI 74): 587.33 Hz

Explore other verified audio, acoustic tuning, and calm instrument experiences on Gemsmakers:

Thumb Piano Pluck (Kalimba Tines) Pluck two close-pitched kalimba tines in turn and listen to acoustic beat frequencies settle into agreement. Bell Harmonic Tune Strike and shape resonant metallic bell harmonics and long decay envelopes for quiet listening sessions. Harmonica Reed Bend Control airflow and pitch bending across a responsive virtual reed chamber. Yellow Light Garden at Night ASMR Unwind with warm garden lamps and peaceful evening soundscapes designed for quiet relaxation. Calm Play & Sound Tools Directory Browse all Gemsmakers interactive sound mixers, tactile instruments, breath timers, and relaxation utilities.

Frequently Asked Questions

1. How do Fullscreen Landscape and Portrait modes work on mobile and desktop?
Clicking Fullscreen Landscape or Fullscreen Portrait collapses all secondary settings panels and expands the piano keybed to fill 88% of your screen height below a sleek, single-row top control bar. Landscape mode provides 25 keys across the wide screen edge, while Portrait mode provides 13 large, thumb-friendly keys.
2. What are the 10 sound voices included in the synthesizer?
You can switch instantly between Studio Grand, Bright Concert Piano, Electric Rhodes Tine, Soft Felt Calm Piano, Harpsichord, Cathedral Pipe Organ, Warm Analog Synth Pad, Music Box Celesta, 8-Bit Chiptune, and Plucked Acoustic Harp.
3. How does the Sustain Pedal button change the sound?
Turning on the Sustain Pedal button locks the damper release time to a resonant 3.8-second decay (similar to holding down the right damper pedal on an acoustic grand piano), letting arpeggios and chords blend richly together.
4. Can I slide my finger across the keys to play a glissando?
Yes. Holding down your mouse button or dragging your finger across adjacent white or black keys triggers a smooth glissando across the keyboard.
5. How do I use the Scale Guide Overlay?
Choose a scale from the Scale Guide dropdown (such as C Major, A Natural Minor, Pentatonic, or C Blues). Purple markers will appear directly on every piano key belonging to that scale so you can improvise without hitting off-key notes.
6. Where are my recorded phrases stored?
Your recorded notes and millisecond timing intervals are stored strictly in temporary browser memory for your current session. Nothing is uploaded or saved to any external server.