Turn your coding into a musical experience! Hear beautiful grand piano sounds as you type.
✨ Features
Grand Piano Sound — Realistic piano synthesis with 6 harmonics
Visual Keyboard — Interactive piano display (C4-D6) that lights up as you play
Smart Key Mapping — QWERTY keyboard mapped to piano keys like a real instrument
Volume Control — Adjustable volume slider
Beautiful UI — Modern, elegant design that fits VS Code's aesthetic
🎼 Key Mapping (Grand Virtuoso Layout)
White Keys (Natural Notes):
| Key | Q | E | T | Y | I | P | S | D | G | J | K | Z | C | B | N | M |
|-----|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Note| C4| D4| E4| F4| G4| A4| B4| C5| D5| E5| F5| G5| A5| B5| C6| D6|
Black Keys (Sharps/Flats):
| Key | W | R | U | O | A | F | H | L | X | V |
|-----|---|---|---|---|---|---|---|---|---|---|
| Note|C#4|D#4|F#4|G#4|A#4|C#5|D#5|F#5|G#5|A#5|
🚀 Usage
Open VS Code - The extension now Auto-Activates by default! 🚀
If disabled, run "Piano Keys: Enable" from the Command Palette.
Use the Toggle Button in the panel to Enable/Disable sound instantly.
🟢 Enable Sound: Turns on the audio engine.
🔴 Disable Sound: Mutes the audio (without closing the panel).
Start typing and enjoy the music! 🎶
Configuration
You can control the auto-start behavior in Settings:
piano-keys.autoActivate: Set to false if you prefer manual activation.
💻 Installation
From Marketplace
Search for "Piano Keys" in VS Code Extensions (Ctrl+Shift+X)
⚙️ Commands
Command
Description
Piano Keys: Enable
Start the piano sounds
Piano Keys: Disable
Stop the piano sounds
📝 Notes
The webview panel must stay open for audio to work
Only mapped keys (26 piano keys) produce sounds — other keys are silent