Movement-triggered real-time heatmap from your webcam
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
images Adding link to personal website Mar 23, 2013
script Updated webgl-heatmap Aug 20, 2014

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.