gitwtfhub

wtf is anivis?

jirodavid/anivis — explained in plain English

Analysis updated 2026-05-18

0HTMLAudience · generalComplexity · 1/5LicenseSetup · easy

TL;DR

A single browser file that turns your background image and song into a music visualizer video, recordable in up to 4K without installing anything.

Mindmap

Mindmap is still cooking. Refresh in a few.

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Turn a song and a background image into a music visualizer video for YouTube.

REASON 2

Record at 4K 60fps using the built in browser recorder.

REASON 3

Use the OBS Studio workflow for more reliable high resolution recordings.

REASON 4

Fork and restyle the single HTML file since it has no external dependencies.

What's in the stack?

HTML5CanvasWeb Audio APIJavaScript

How it stacks up

jirodavid/anivisamureki/sweatbucksanikchand461/ragbucket
Stars00
LanguageHTMLHTMLHTML
Last pushed2025-08-15
MaintenanceQuiet
Setup difficultyeasyeasyeasy
Complexity1/51/52/5
Audiencegeneralgeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

Best used in Chrome or Edge, Firefox has limited support for the recording format.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

Wtf does this do

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.

Yoink these prompts

Prompt 1
Walk me through recording a 4K video with AniVis using the built in browser recorder.
Prompt 2
Help me set up the OBS Studio workflow to record AniVis reliably at high resolution.
Prompt 3
Explain the difference between AniVis's five visualizer types so I can pick one for my song.
Prompt 4
I want to restyle AniVis's colors and layout. Where in the single HTML file should I look?

Frequently asked questions

wtf is anivis?

A single browser file that turns your background image and song into a music visualizer video, recordable in up to 4K without installing anything.

What language is anivis written in?

Mainly HTML. The stack also includes HTML5, Canvas, Web Audio API.

What license does anivis use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is anivis to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is anivis for?

Mainly general.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.