jasonmayes / js-motion-detection

A simple yet fast motion revealing algorithm using the live webcam feed

JS-Motion-Detection

A simple, fast, and lightweight (just 531 bytes gzipped when minified using Google Closure compiler) motion revealing algorithm using the live webcam feed. Live demo here: https://codepen.io/jasonmayes/pen/IrwHG

What is this?

I was trying to devise a super sensitive motion revealing algorithm which was fairly robust against small changes in lighting etc which was capable of running in a fast manner on desktop and mobile devices.

A picture is a thousand words, and a GIF is a thousand images, so check this out for what it outputs:

The nice thing about the result is that all non moving pixels converge to a neutral grey colour. Any changes are darker / lighter than that neutral grey colour. Larger shifts leads to greater contrast.

As you may have guessed, this is a visual tool primarilly to show the isolated movement in a visual way. You could of course take this and use that output to highlight the moving segments but that would require a bit more coding (basically mark all "changed" pixels and then "flood fill" those to extract a bounding box.

js-motion-detection's Issues

safari incopatibility

great visual experience but I discovered that it do not work on safari, trying to fix it

Detection changes

Brilliant work.

Just wondering what the best way to detect changes would be from the code side?

Visually it's great but been able to detect a change and run a function would be really helpful.

Modern browsers compatibility. ( Failed to execute 'createObjectURL' on 'URL' )

Replacing:

 video.src = window.URL.createObjectURL(stream)

By

 video.srcObject = stream

should fix the depreciation of using createObjectURL in this context.
Else: ... Failed to execute 'createObjectURL' on 'URL' ... is triggered.

https://codelabs.developers.google.com/codelabs/tensorflowjs-object-detection#0

Good morning Jason,
I'm not sure that this one is the right place to post my question but I need some support by you.

Regarding this post https://codelabs.developers.google.com/codelabs/tensorflowjs-object-detection#0 is it possible, to integrate the code (JS+HTML) inside Node-Red?

How can I do this?
Do you help me?

Thank you.

How do I Handle Events when motion is detected!

I want to use this code to develop a test project that will send an alert when motion is detected but I can't seem to understand where the event or function is to come in.

Another thing is to actually check when the motion is very obvious before triggering the event to avoid triggering the event multiple times when there is no significant movement!

Is there a way to use this code to generate alerts when motion detected?

I want to make a program like this

if (isMotionDetected(sensitivity)) {
  //doSomething();
}

I reviewed the code but could not find how I can make it. Is it possible at all or this code is just converting picture to grayscale and highlight motion?