chunghalee / musicolors

A Javascript Library for Music Visualization Using Pitch, Energy, and Timbre. 🪄

musicolors

musicolors is a javascript music visualization library, using the pitch, energy, and timbral features of the music.

The source of the visualization comes from the user audio, so it is totally up to your sound (e.g. singing voice to the mic.) Feel free to try visual effects and see thorugh your sound!

DEMO Page: http://www.musicolors.art/

Installation

$ npm i musicolors

Usage

Import the Module

import musicolors from musicolors

Music Visualization

you can visualize by three features of music: pitch, energy and timbre.

pitch	energy	timbre

// pitch visualization
musicolors.animatePitch();

// energy visualization
musicolors.animateEnergy();

// timbre visualization
musicolors.animateTimbre();

Dynamic Background

now you can also see the dynamic changing background based your time zone.
check out the visuals of changing dynamically with the specific time of the day.

// changes the background by the time, this only works in the browser settings.
musicolors.updateBackground();

morning	afternoon	evening	night