Various quick demos and experiments showing the concepts behind Diff Cam.
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
diff-cam-example
image-diff
simple-cam
spooky-bug
turret-security
.gitignore
LICENSE.md
README.md
composer.json
diff-cam-engine.js

README.md

diff-cam-scratchpad

Various demos using getUserMedia() and diff-cam-engine (https://github.com/lonekorean/diff-cam-engine).

Demos

Each folder contains a different demo. Visit http://diffcam.com/ to see these demos in action.

simple-cam

Very basic demo showing how to access the webcam.

image-diff

Web app that accepts two images via drag-and-drop, then lets you diff them to see any pixels that are not the same.

diff-cam-example

Watches a live stream from the webcam, showing a real-time motion heatmap with a score indicating how much motion is present.

turret-security

A "security" demo that watches a live stream from the webcam, drawing a box around any motion it sees, with accompanying audio cues. Turret can be disabled by "hitting" it on screen.

spooky-bug

Failed attempt at time-delayed motion sensing. Spooky results. This code is terrible, do not use as-is.