Visualize audio from files or your microphone with stunning real-time effects
Requires audio input (file upload or microphone)
This music visualizer uses the Web Audio API to analyze audio in real time, extracting frequency and time-domain data from your audio source. That data drives 8 different visualization styles, each rendered at 60 frames per second on an HTML5 Canvas. Everything runs entirely in your browser — no server processing, no uploads, no latency.
The core of the system is the AnalyserNode, which performs a Fast Fourier Transform (FFT) on the incoming audio signal. This converts raw audio waveform data into a frequency spectrum, showing you how much energy exists at each frequency band. Low frequencies (bass) appear on the left, high frequencies (treble) on the right. The time-domain data shows the actual shape of the sound wave as it oscillates.
Bar Spectrum is the classic equalizer view. Vertical bars represent frequency bands, with height proportional to amplitude. It is the most intuitive way to see how energy is distributed across bass, mids, and treble.
Circular Spectrum arranges the same frequency data around a circle, creating a radial display that pulses with the music. The inner ring glows based on overall volume, making it ideal for ambient backgrounds.
Waveform (Oscilloscope) shows the raw shape of the audio signal as a continuous line, similar to what you would see on a real oscilloscope. Multiple colored traces create a layered, ribbon-like effect.
Particle Explosion spawns particles from the center of the screen based on bass energy. The heavier the bass, the more particles erupt outward. Each particle fades as it travels, creating a dynamic, explosive effect that responds to drops and beats.
Frequency Mountain renders frequency data as a filled area chart with multiple translucent layers. The result looks like an aurora or mountain range that undulates with the music.
Plasma Waves creates colorful sine waves whose amplitude, frequency, and phase are modulated by the audio spectrum. The overlapping waves produce a plasma-like effect that shifts and flows with the music.
Matrix Rain reimagines the iconic falling-character effect from The Matrix, with character speed and brightness modulated by audio frequencies. Bass-heavy sections cause characters to fall faster and glow brighter.
Galaxy Spiral simulates a rotating galaxy with four spiral arms. Stars orbit the center at varying speeds, with their size and brightness responding to audio frequencies. The core pulses with overall volume.
For the most dramatic visuals, use music with strong bass and dynamic range. Electronic, hip-hop, and orchestral music tend to produce the most responsive visuals. The sensitivity slider amplifies quiet audio, while smoothing controls how quickly the visualization responds to changes — lower values create snappier, more reactive animations, while higher values produce smoother, flowing motion.
Use fullscreen mode (press F) for the most immersive experience. Controls auto-hide after 3 seconds of inactivity. Move your mouse or tap the screen to bring them back. Press S at any time to capture a screenshot of the current frame as a high-resolution PNG.