Skip to content

Web Harmonium

A browser-based Indian harmonium with real samples, keyboard controls, and lessons that teach songs phrase by phrase.

Technologies Used

TypeScriptViteWeb Audio API

Web Harmonium

A harmonium in the browser, built for the people who want to sit down and actually learn a song instead of just pressing keys at random.

What it does

  • A 42-key harmonium layout with realistic ivory and ebony keys
  • Real harmonium samples, reed stops, a drone, reverb, and a metronome
  • Keyboard mapping, transpose controls, octave shifting, and loop points for practice
  • Twenty-one built-in lessons, from basic sargam to Bollywood, devotional, and pop songs
  • Watch, play-along, and you-try modes that break a song into smaller phrases

Why I made it

I wanted a musical tool that feels playful at first, but gives you enough guidance to stay with it after the first few minutes. The lesson system is the part I like most: it waits, listens, and lets you learn a phrase at a time.

Technologies

Built with strict TypeScript, Vite, and the Web Audio API. The sound engine uses real samples, pitch shifting, a small reverb chain, and a proper bit of browser audio plumbing.