HTML5 demo: real-time color histogram from a <video> with <canvas> and a Web Worker

Author: Mihai Șucan. Read the blog post. Switch to the single-threaded version.

Video source: French fun: iPhone with Windows 7 720p HD: Sherlock Holmes trailer

Your browser does not have support for Canvas.

Double click on the video or on the histogram to enable/disable the full size of the element.

Plot runtime...

Histogram for: RGB Red Green Blue Hue Saturation Value (brightness) CMYK Cyan Magenta Yellow Kelvin (Black)

Count every pixels

Plot style: Continuous Discreet

Plot fill

Plot colors: None Flat colors Gradients

Disclaimer: The videos you see here have been copied from the old tinyvid.tv web site. Please note that both videos are owned by their respective copyright holders. I copied these files strictly for educational purposes.