By
@EVINJSUBIN
A music visualizer transforms sound into engaging visuals, enhancing the listening experience. It analyzes audio frequencies and rhythms, creating colorful animations that move in sync with the music. This adds an artistic layer to live performances and music videos, inviting viewers to experience music in a vibrant, immersive way.
@EVINJSUBIN
on
Wibei
Wibei is a real-time 3D music visualizer built with Three.js and Web Audio API. It features reactive visualizer modes (Pulse Ring, Waveform, and 3D Grid), bloom glow themes, 3D mouse drag controls, YouTube search, live mic input, and local MP3 uploads.How to test
Open https://wibei-production.up.railway.app/
Search for any song in the bottom right, click 🎤 to use your mic, or click 📁 to upload an MP3.
Click & drag anywhere on the screen to rotate in 3D, and use the top dropdowns to switch styles (Pulse Ring, Wave, Grid) and themes.What I learned
Learned how to use the Web Audio API (FFT frequency analysis) to drive 3D Three.js meshes, write smooth idle wave animations, configure bloom shaders, and build 3D mouse orbit controls.
@EVINJSUBIN
on
Wibei
1h 9m 41s logged
🚀 Final Ship: Wibei is Live! 🎧✨After hours of refining the audio DSP pipeline, tweaking Three.js shaders, and perfecting the UI, Wibei is officially shipped!Try it out live here: 👉 https://wibei-production.up.railway.app/(Open it up, search your favorite track or click the 🎤 mic / 📁 upload button to watch it pulse in 3D!)
@EVINJSUBIN
on
Wibei
3h 35m 2s logged
Progrees working on a new way to visulize
.png)
@EVINJSUBIN
on
Wibei
24m 12s logged
Starting of wibi a audio visualizer
.png)
.png)