Back to Projects
frontendLive in Production
Virtual Harmonium
Interactive virtual harmonium playable via computer keyboard and mouse, built with HTML5 Web Audio.
Overview & Scope
Virtual Harmonium is an interactive browser-based instrument built with vanilla HTML, CSS, and JavaScript. Users can play classic Indian classical musical swaras (Sa, Re, Ga, Ma, Pa, Dha, Ni) with low-latency HTML5 Audio playback and key press visual feedback.
Key Highlights & Impact
Zero-dependency browser musical instrument using native HTML5 Audio elements
Keyboard key bindings (A-K) mapped precisely to harmonium musical notes
Real-time visual key press feedback with dynamic DOM state handling
Architecture Breakdown
HTML5
Semantic Structure & Audio Elements
CSS3
Styling & Visual Feedback
Vanilla JavaScript
Event Listeners & Audio Playback Logic
Core Capabilities & Features
- •Interactive piano/harmonium style keyboard with styled keys
- •Keyboard event listeners mapped to musical notes
- •Mouse click support with clean note release handling