Predator Vision

Predator Vision uses the HTML5 getUserMedia API and WebGL to transform a video stream from your webcam into a real-time movement-triggered heatmap representation.

See it in action.

If your browser is not supported you can watch a demo video.

Supported browsers

• Chrome ≥ 21
• Firefox ≥ 17 (requires media.navigator.enabled = true in about:config)
• Opera ≥ 12

Libraries used

• Camera input is done using the camera.js library.
• The heatmap is produced using the WebGL heatmap library, created by Florian Bösch.
• The movement detection code is adapted and optimized from the magic xylophone.

Author

Andrei Gheorghe

• About me
• LinkedIn: linkedin.com/in/idevelop
• Twitter: @idevelop

License

• This code is licensed under the MIT License.
• The WebGL heatmap library is licensed under the MIT License.