Acoustic Soundfont Samples
Powered by high-resolution Yamaha C5 grand piano samples recorded by Salamander Audio, delivering natural harmonics, string resonance, and dynamic velocity sensitivity.
Interactive Instrument
Virtual Grand Piano
Play an interactive grand piano loaded with authentic Salamander soundfont samples, keyboard hotkeys, classical compositions, and custom MIDI playback.
Tone.js Sampler Salamander Piano CDN Keyboard Hotkeys MIDI File Upload
Loading...
C4-C6
Für Elise (L. v. Beethoven)
130 BPM
40
Playback Progress
00:00 / 00:14 0%
Custom Composition Input
Paste shorthand / JSON, or upload a file (.txt, .json, .mid).
Loaded 27 notes (SHORTHAND format).
Import MIDI File
Drag & drop a MIDI file here, or browse files
The file is parsed on the server into high-precision piano note events for instant browser playback.
Computer Keyboard Shortcuts Guide
White Keys (Natural Notes)
A = C4S = D4D = E4F = F4G = G4H = A4J = B4K = C5L = D5; = E5' = F5
Black Keys (Sharps / Flats)
W = C#4E = D#4T = F#4Y = G#4U = A#4O = C#5P = D#5] = F#5
About Virtual Grand Piano
Virtual Piano is a high-fidelity, interactive 88-key grand piano simulator that runs entirely in modern web browsers without installing extra plugins or software. Engineered using the Web Audio API and Tone.js, it pairs acoustic multi-velocity Salamander soundfont samples with real-time audio scheduling, computer keyboard hotkeys, and server-side MIDI parsing.
Auto-Fit Octave Range
Automatically expands and shifts the visible keyboard from 2 to 7 octaves (up to 88 keys) to cover any composition or imported MIDI track with zero flicker.
Full MIDI & Shorthand Engine
Parse space-separated notes (C4:4n E4:4n), JSON note arrays, or upload standard .mid files for synchronized visual playback.
How to Use the Virtual Piano
- Play Keys Directly: Click or touch any piano key on screen, or use your computer keyboard home row (
A-S-D-F-G-H-J) for white keys and top row (W-E-T-Y-U) for black keys. - Select a Classical Preset: Choose from popular compositions including Beethoven's Für Elise, Moonlight Sonata, or fundamental major and pentatonic scales. Click Play to hear the composition and watch the keys highlight in real time.
- Adjust Octaves & Tempo: Use the
−/+buttons to shift octaves up and down, select between 2, 3, 4, or full 7 octaves, and adjust tempo from 40 to 240 BPM. - Compose & Upload Files: Paste your own custom note strings into the Custom Composition input or upload a
.txt,.json, or.midfile to hear your music played automatically.
Frequently Asked Questions
How do computer keyboard hotkeys work?
The keyboard uses standard QWERTY mapping. Natural notes C4–B4 map to A–J, and accidentals C#4–A#4 map to W–U. Higher octaves continue on K, O, L, P, ;, ', and ]. You can toggle hotkey labels on or off at any time.
Can I upload and play my own MIDI files?
Yes. You can drag and drop or browse any standard .mid or .midi file up to 10MB. The file is parsed into note events on the server using Tonejs/Midi and returned for instant browser playback.
What note shorthand format is supported?
Shorthand notes use Scientific Pitch Notation followed by Tone.js musical subdivisions, e.g. C4:4n (quarter note), E4:2n (half note), or G4:8n (eighth note).
Does this virtual piano require installation?
No installation or account is required. The piano runs client-side in Chrome, Firefox, Safari, and Edge using the Web Audio API and hardware-accelerated GPU rendering.