SPECTRUM
{ AUDIO VISUALISATION }
Animated imagery based on sound levels &
motion in front of the webcam.
AUDIO VISUALISATION
Audio visualisation is a feature that generates animated imagery based on a piece of music. The imagery is generated and rendered in real time and synchronised with the music as it is played.
Now you’re able not only listen to the music, but also see it in different colour schemes. The combination of spectrum view and timeline makes it possible to see all melody and rhythm from start to finish.
HOW THE TREE COLOURS WORK
PINK: is controlled by the sound levels of the music.
YELLOW: is controlled by your movements in front of the webcam.
BLUE: is created when you click with the mouse on the canvas.
COMMENTS
Jorgy, August 17th, 2011 1:17 am
Great project. Keep up the good work!
Christian Alex Andersen, August 18th, 2011 11:09 am
Thanks mate :)
Donyell, August 27th, 2011 10:32 am
Gosh, I wish I would have had that information earlier!
Christian Alex Andersen, August 28th, 2011 10:39 am
Hey Donyell,
Glad our information helped you :)
Ben Kirrkness, September 3rd, 2011 5:21 am
gorgeous! do u think this would be possible via html5?
Christian Alex Andersen, September 6th, 2011 10:35 am
Hi Ben.
It is possible to do audio visualisation in HTML5. I’m going to do a HTML5 version and post some documentation on the subject.
Grant Skinner built a great audio visualisation example using HTML5 and JS. You can see the example here: http://easeljs.com/demos/MusicVisualizer/index2.html and get the source code and documentation here: http://gskinner.com/blog/archives/2011/03/music-visualizer-in-html5-js-with-source-code.html
ben, September 10th, 2011 8:17 pm
I love this, what’s the tune?
Keep it up guys