Skip to content

A visualizer developed for the web in the style of Monstercat

Notifications You must be signed in to change notification settings

kaischallenberg/monstercatVisualizer

Repository files navigation

monstercatVisualizer

An HTML/JS-based audio visualizer

This visualizer is intended to resemble the one in the official Monstercat videos. The project audioMotion-analyzer is used for this.

Install

To get this running, you need a local web server. The easiest way to do this is with Visual Studio Code and the Live Server extension. Opening the HTML without a web server will cause Cors to have problems opening the songs.

Insert your songs into the ./audio/ folder, add a suitable cover image to ./cover/, and adjust the ./settings.js file.

Preview

The videos below are not pre-rendered.

Google.Chrome_20250616-0231_5kkQqQ3c.mp4

You can also activate particles in the settings

Google.Chrome_20250618-1248_4AUwpNMP.mp4

Disclaimer: This version is not official and was not commissioned by Monstercat or the artists. It serves only as a learning project.

About

A visualizer developed for the web in the style of Monstercat

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published