← 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
Tech 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.
