Skip to content

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

License

Notifications You must be signed in to change notification settings

ChungHaLee/musicolors

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

musicolors

logo

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
image image image
// 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
image image image image