Audio Technology · Real-Time DSP

TaalMel

Custom DSP in browser — Tone.js + Web Audio API + AudioWorklet. Tanpura synthesis, taal chakra, 12 raags, 16 taals, 60+ thekas.

Next.js 16Tone.jsWeb Audio APIAudioWorkletSupabaseIndexedDBReact 19Framer Motionlucide-reactclsxtailwind-mergezustand

01 Problem

Indian classical musicians had no digital tool understanding raag/taal/theka/rasa. Western apps force 4/4; Indian classical lives in 7/10/16-beat cycles with improvisational freedom.

02 Approach

Custom browser DSP with Tone.js + Web Audio API: precise tanpura synthesis, interactive taal chakra visualization, 60+ theka patterns across 12 raags/16 taals. Four modes: Practice (drills), Compose (by rasa), Explore (raag/taal relationships), Write (notation). Supabase sync, IndexedDB offline. AudioWorklet for sub-millisecond jitter, fallback to ScriptProcessorNode.

03 Outcome

Daily use by musicians. Taal chakra cited in music education. Proved browser audio handles Indian classical complexity. 44.1kHz/48kHz with sub-millisecond jitter. Offline-first — practice anywhere.

04 Why it matters

Because an art practiced for centuries deserves tools built for it — not adapted from elsewhere.