Audio Visualizer — Music Video in Your Browser
Drop an mp3 / wav / m4a, pick a template, and record a music video at 1080p. Audio never leaves your device — Web Audio + Canvas + WebGL run entirely in your tab.
How it works
1. Drop audio — your file is decoded entirely in your browser via Web Audio API. The file never touches a server.
2. Pick a template — Spectrum (frequency bars), Oscilloscope (waveform), Pulsing Sphere (3D wireframe geometry that responds to bass / mid / high bands), or Artwork Motion (parallax + beat-shake on your own image, like Spotify Canvas).
3. Record — playback runs while a Canvas → MediaRecorder pipeline encodes to WebM at 30 fps. The audio is muxed in directly from the AudioContext.
4. Download — output is a .webm file. Drop it into Premiere / Final Cut / DaVinci as-is, or upload directly to YouTube / Twitter / Reddit (they accept WebM).
Templates
96 vertical bars whose height tracks each FFT bin. The Specterr / Tuneform standard look.
A glowing waveform line driven by time-domain data — Tron / synth-wave aesthetic.
A wireframe icosahedron whose scale tracks sub-bass and whose vertices wobble with mid/high bands. Three.js, lazy-loaded.
Drop your own image (cover art, photo) — gets a subtle zoom on RMS energy + a beat-shake on transients, like Spotify Canvas.