Movement-triggered real-time heatmap from your webcam
JavaScript CSS HTML
Latest commit 920e02a Dec 3, 2016 @idevelop committed on GitHub Update
Update links to https

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


Andrei Gheorghe


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