Turn a song and a background image into a music visualizer video for YouTube.
Record at 4K 60fps using the built in browser recorder.
Use the OBS Studio workflow for more reliable high resolution recordings.
Fork and restyle the single HTML file since it has no external dependencies.
| jirodavid/anivis | amureki/sweatbucks | anikchand461/ragbucket | |
|---|---|---|---|
| Stars | 0 | — | 0 |
| Language | HTML | HTML | HTML |
| Last pushed | — | 2025-08-15 | — |
| Maintenance | — | Quiet | — |
| Setup difficulty | easy | easy | easy |
| Complexity | 1/5 | 1/5 | 2/5 |
| Audience | general | general | developer |
Figures from each repo's GitHub metadata at analysis time.
Best used in Chrome or Edge, Firefox has limited support for the recording format.
AniVis is a single HTML file that turns a background image and a song into a music visualizer video, entirely inside a web browser. There is nothing to install, no account to create, and no files get uploaded anywhere, since all the processing happens locally on the user's own computer. The tool reads audio in real time using the browser's Web Audio API, drives a visualizer drawn on an HTML canvas that reacts to the beat, and can record the result as a video file using the browser's built in recording API. Five visualizer styles are available, including a full circular ring, an arc shaped crown, a waveform line, and two styles of animated bars, and any of them can be combined. Colors can be a gradient, a solid color, or an automatically cycling rainbow. Every visual element can be dragged directly in the live preview to reposition it, and sliders control size, sensitivity to the music, glow, and background darkness. Recording works two ways. The simplest is the built in recorder, which captures up to 4K resolution at 60 frames per second and saves a WebM file that can be uploaded to YouTube without any conversion. For more reliable high resolution results, the README also documents a workflow using OBS Studio to screen record the browser window, along with a keyboard shortcut that hides all the interface elements so the recording shows only the visualizer itself. Because the entire application is one HTML file with no external dependencies, anyone can download it, open it directly in a browser, and modify or restyle it freely. The project works best in Chrome or Edge, since Firefox has limited support for the video format used during recording. It is released under the MIT license.
A single browser file that turns your background image and song into a music visualizer video, recordable in up to 4K without installing anything.
Mainly HTML. The stack also includes HTML5, Canvas, Web Audio API.
Use freely for any purpose, including commercial use, as long as you keep the copyright notice.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly general.
This repo across BitVibe Labs
Verify against the repo before relying on details.