HTML5 Video on Canvas + pixel manipulation

One of my latest experiments was to create a fullscreen background with a video, for this I used HTML5 video tag and loaded it on a canvas element.
Although it worked it somehow felt incomplete because it was simply a video as background, it needed some edge add to it, for this I decided to use Pixelate library and extend it so it supported video as well as images.
Github extension can be found also here:

** Note This example is best viewed with latest Chrome or Webkit browser. **


Continue reading