Web App
2026AuraFlux
Browser-based music visualization tool
A browser-based music visualization PWA built on Web Audio and Three.js, supporting local audio analysis and real-time spectrum rendering — all processed client-side with no upload required.
Render frame rate
60 FPS
Stable at 4K resolution
Audio sample precision
2048 点
Real-time dynamic spectrum capture
Memory footprint
< 85 MB
Efficient GPU texture & VRAM reclamation
Illustrative · not real assets
Tech Stack
Next.jsReactThree.jsWeb Audio APIFramer Motion
Background & Evolution
Created to explore the extreme performance of WebGL in frontend audiovisual interaction, aiming to build a modern music visual engine with zero backend compute overhead and pure local privacy.
Key Highlights
1
FFT audio transform executed in Web Workers to avoid main-thread frame drops2
Custom shader materials and particle lifecycle simulation for rhythm-driven fluid light effects3
PWA offline architecture with ServiceWorker caching of all shader static assetsArchitecture & Topology
A pure client-side rendering pipeline: the Web Audio API obtains time- and frequency-domain raw data, and OffscreenCanvas offloads computation and rendering to concurrent multithreading.
About This Project
A browser-based music visualization PWA built on Web Audio and Three.js, supporting local audio analysis and real-time spectrum rendering — all processed client-side with no upload required.