whatisgithub

What is anivis?

jirodavid/anivis — explained in plain English

Analysis updated 2026-05-18

0HTMLAudience · generalComplexity · 1/5LicenseSetup · easy

In one sentence

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

A visual breakdown will appear here once this repo is fully enriched.

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

What do people build with it?

USE CASE 1

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

USE CASE 2

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

USE CASE 3

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

USE CASE 4

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

What is it built with?

HTML5CanvasWeb Audio APIJavaScript

How does it compare?

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 get it running?

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.

So what is it?

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.

Copy-paste 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

What 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.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.