HarmonyViz is a real-time audio visualizer that turns sound into motion. Built with Next.js, Web Audio API, and Canvas, it processes microphone input or uploaded audio to create dynamic, beat-synchronized animations. I designed FFT-based signal analysis to extract pitch and amplitude with under 60 ms latency, ensuring smooth, real-time responsiveness.
The project includes mic toggling, preset audio tracks, and color theme customization, all running client-side for speed and privacy. On the backend, a lightweight Node.js API handles user presets and session persistence. HarmonyViz blends frontend performance optimization with real-time DSP techniques—making music visually tangible. It taught me how thoughtful UX and efficient rendering can merge technology and creativity, echoing the spirit of music tech innovation.