![logo](https://private-user-images.githubusercontent.com/59073612/270611073-d9dc0c54-4235-4061-bee0-f7d80b9d2dd1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjM4NjcwMTMsIm5iZiI6MTcyMzg2NjcxMywicGF0aCI6Ii81OTA3MzYxMi8yNzA2MTEwNzMtZDlkYzBjNTQtNDIzNS00MDYxLWJlZTAtZjdkODBiOWQyZGQxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODE3VDAzNTE1M1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWEyM2EzNDI0YzllOTFmMzAxZjUxNWExMDhhZDg0MjJjN2ZmM2JhMjQyMzNlOTVkYWQwNDg2MGVjMzNmNTRjZTQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.DAIM8IBoVQnhOnkXv6OVDJOStg76OlGY1EGtxrsiplI)
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/
$ npm i musicolors
import musicolors from musicolors
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();
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 |
---|---|---|---|