Skip to content

Renjini221/Music-Visualizer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

May 1, 2026
683c61e · · May 1, 2026

History

20 Commits
May 1, 2026
Apr 30, 2026
May 1, 2026
May 1, 2026
May 1, 2026

Repository files navigation

Music Visualizer

Files

index.html    — structure
style.css     — styling
script.js     — audio + canvas + input
analytics.js  — session tracking via localStorage
ge

How it works

setupAudio() creates a Web Audio context and pipes the audio through an AnalyserNode. render() runs every frame, pulls FFT data, maps it into bins logarithmically, and draws whatever mode is selected.

Beat detection watches bass energy between frames and calculates BPM from the average gap between hits.

analytics.js exposes window.tick, window.volcheck, window.logBeat, window.logTrack so script.js can call them without importing. Run window.getReport() in the console to see session stats.

Shortcuts

space play/pause · ← → cycle mode · ↑ ↓ sensitivity · G glow · T trail · P pulse · K peaks · X flip · R rotate · M color · S snapshot · 0-9 jump to mode

Gallery

Screenshot 2026-05-01 110251 image

AI Decleration

-Claude helped me style and suggested me some logic changes some ideas like analytics was given by ai and coded by me..

Notice

Built entirely from my own idea, logic, and code. Used AI only for polish and refactoring.

About

Real-time music visualizer with 14 modes, 9 color schemes, and full controls — bars, waves, radial, oscilloscope, waterfall and more. Tweak sensitivity, smoothing, bar count, glow, trails, and peaks live while your track plays.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published