Tuesday, February 23, 2016

Video spectrum analyzer using video frame colors

I've been playing with HTML5 audio API for a bit and came up with this video spectrum analyzer. 
It uses the Color Thief library to grab the frame colors at runtime and uses these colors to create the spectrum bar gradients.
The spectrum itself is drawn onto an HTML5 Canvas and updated using the requestAnimationFrame API. 
See the demo below and feel free to explore the code on Github and the official demo page.
This demo works best on Chrome and FireFox.

No comments:

Post a Comment

About Me

My photo
I've been developing Internet and rich-media application for 15 years. In my work I emphasis usability and best user experience as well as sleek design. My main expertise are JavaScript, Flex and Flash.