Music Visualizer
A free audio visualizer — play it in your browser, no install. Interactive music visualizer built with threejs and web audio api
Vote and save it — continue with GitHub or sign in free
Made this, @KanteLabs? See how many people played it → or use email
GitHub asks to share your profile and email with us. We never post anything.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
User's can either upload a song or choose one that has been uploaded by other users and then see the visualizations for it on their screen. Once a song is uploaded visualizations are created by analyzing the frequency data and waveform with the Web Audio Api. The data is then render with THREE.js. GUI controls are also included to control the camera rotation and positioning. Different songs create different colors and affect how high each bar goes in the visualization.
The core of this project was built using THREE.js in order to render the visualizers in canvas.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
5d fountain song show
Give it a song. It reads the whole track first, writes a show, and fires water EARLY so it arrives on time — because a 10m jet takes 1.43s to reach…
joy of pebbling
A Pebble with an afro paints happy little Pebbles, live, on a worn VHS tape. Fan-made parody. Built with three.js, Vite, Blender and 70 recorded…
aftertouch
A world you grow with your cursor, play like an instrument, and rewind. Created by Codex.
aquarium
Natura viva — интерактивная 3D-инсталляция: живой аквариум на WebGL. Стая рыб, вода и каустики на GPU, синтезированный звук, ни одного ассета.
wave arena voice
WAVE ARENA VOICE — same engine, but the singer leads instead of the mix. Vocal effort drives the water and the arena eases back between phrases. For…
web audio threejs starter
Minimal React Three Fiber starter for local, audio-reactive 3D visuals with the Web Audio API.
Made this?
Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.
Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.
