Need help with js-motion-detection?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

ReallyGood
125 Stars 43 Forks 24 Commits 8 Opened issues

Description

A basic starting point for motion-detection apps using WebRTC & Canvas, refactored out of the Magic Xylophone by @soundstep

Services available

!
?

Need anything else?

Contributors list

# 81,746
grunt
cache
CSS
HTML
etherpad-lite-jquery-plugin 208 grunt top 100

JS Motion Detection

This project tries to provide as a basis for other motion-detection apps, by separating the framework from its implementations.

The app uses WebRTC, HTML5 Canvas and some math, and is refactored out of the Magic Xylophone by soundstep. You can learn more about the process fom Romuald himself on Adobe Developer Connection and his blog post.

Usage

Any child element you add inside

will automagically work as a hotSpot, which means it will fire
motion
events on itself with extra data upon motion detection.

You could control its appearance & position with CSS, and hook to the

motion
events with jQuery / plain JS.

Sample Usage & DEMO

  • See some examples in sample.js
  • Open up the demo here. Hit Allow, check the console.

License

Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.