Simple HTML Video Filters

These examples show simple video filters using HTML video and canvas objects.

Simple Video and Camera Player

1-simple-video Simple Video Player

Color Filters, Brightness

2a-colorfilter-brightness
2b-colorfilter-rgb
2c-colorfilter-separation

Color Filters with glfx.js

2d-colorfilter-glfx

See https://evanw.github.io/glfx.js/

Chroma Key / Color Key

3-chromakey

Scene Detection

4-scene-detect

Waveform Diagram

5-waveform

Face/Skin Detection

7-facedetect

From http://html5videoguide.net/DefinitiveGuide/code_c7_7.html

Notes

For testing on local file system, you can run Chrome with special flags to disable security restrictions,
see the files in start-chrome.

Example:

./start-chrome/start-chrome-user2-file.sh