← Back to Projects
Production · Saregama2022 — 2026
WaveSurfer Audio Player
Role
Frontend Developer
Company
Saregama India Ltd
WaveSurfer.jsJavaScriptCanvasWeb Audio APICSS3
Overview
Custom audio visualization player built for the song listing page at business.saregama.com — Saregama's B2B music platform. The player features interactive waveform display, real-time audio analysis, and custom playback controls, used daily by music industry professionals and business clients.
Key Highlights
→Interactive waveform visualization with zoom and scroll
→Real-time frequency analysis using Web Audio API
→Custom playback controls with keyboard shortcuts
→Playlist support with track metadata display
→Responsive design that works on mobile and desktop
→Used internally for audio content review at Saregama
Technical Details
Built with vanilla JavaScript and WaveSurfer.js. Web Audio API for real-time frequency analysis. Canvas for custom waveform rendering. No framework dependencies — pure JS for maximum performance.
