SIGNAL
A free audio visualizer — play it in your browser, no install. Single-file real-time audio visualizer with microphone input and video capture.
Vote and save it — continue with GitHub or sign in free
Made this, @Prithwi13? See how many people played it → or use email
Controls: Signal · Frequency — 20 Hz to 2000 Hz · Amplitude — Signal level / volume
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
SIGNAL renders generative waveforms and frequency data in real time — either from a synthetic signal you control, or live from your microphone. It captures and exports that output as a video file.
A spectrum analyzer runs persistently at the bottom across all modes, showing harmonic content on a logarithmic frequency axis.
Click ENABLE MIC to switch all visualizations to live audio input. Requires browser microphone permission.
Output files are named signal_{mode}_{timestamp}.webm and play in Chrome, Firefox, VLC, and any modern media player.
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
Matrix Rain HTML Background
Configurable Matrix rain with six patterns, an omnidirectional 3D camera, connected variable trails, and audio-reactive colors and movement. No build…
Lofxart
Expérience artistique abstraite mêlant code, musique, audio réactif et visuels génératifs.
audio visualizator
Audio visualisation written in JavaScript
sonic canvas
🎵 Local music visualizer — Web Audio API + Canvas 2D, zero dependencies, runs entirely in your browser
browser visualizer v1
Turn whatever's playing on your system into audio-reactive visuals — 8 canvas visualizers, beat detection, themes, and a movable popout window…
klangfarbe
Audio visualizer — see what music looks like. Upload audio or use your microphone to create beautiful real-time visualizations.
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.
