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

← Back to Projects
👋 Hi! Need help?
React
Next.js
React Native
AI Automation
GPT-4o
Claude Code
n8n
Core Web Vitals
TypeScript
PostgreSQL
Canvas API
WebGL
WaveSurfer.js
Tailwind CSS
Shopify
WordPress
React
Next.js
React Native
AI Automation
GPT-4o
Claude Code
n8n
Core Web Vitals
TypeScript
PostgreSQL
Canvas API
WebGL
WaveSurfer.js
Tailwind CSS
Shopify
WordPress