Giter Club home page Giter Club logo

mmm-motioneye's Introduction

MagicMirror² Module: MotionEye

'MMM-MotionEye' is a module for displaying a camera stream from Motion Eye on your MagicMirror²

Example

Current version is 1.6.0 See changelog for version history.

Forum / discussion

You can discuss and get help for this module on the Magic Mirror forum.

Pre-requisite

You have to have an installation of Motion Eye with Video Streaming enabled. Installation and usage of Motion Eye is out of scope for this documentation.

Installation

Remote to your Raspberry Pi using SSH and clone the repository:

cd ~/MagicMirror/modules
git clone https://github.com/CatoAntonsen/MMM-MotionEye.git

Add the module to the modules array in the config/config.js file by adding the following section. Remember to change url to reflect your Motion Eye server:

{
	module: 'MMM-MotionEye',
	position: 'bottom_right',
	config: {
		url: "http://motioneye:8081",
		forcedRefreshInterval: 60000,
		width: 400px,
		debug: true
	}
},

Configuration options

These are the valid configuration options:

url

Video Streaming URL. You find it in Motion Eye in the Video Streaming Section under Usefull URLs by by clicking the Streaming URL link. It should look something like this: http://motioneye:8081 (probably an IP instead of hostname).

width

Width of camera image. You have to try out what fits YOUR monitor. Default is 400px.

id

If you have multiple instances of this module and turned on autoHide, then this value has to match the Web Hook url in Motion Eye. You can use same id on many instances if you want. Leave blank if you only have one camera.

autoHide

This will start your camera hidden and only be visible when motion is detected. Set it to true to enable. Default is false. See autoHideDelay for configuring when camera will be hidden after motion detection. This requires you to enable Call a Web Hook in Motion Eye under the Motion Notifications section:

Setting Value Comment
Web Hook URL http://mirror:8080/motioneye If you have multiple instances of this module, add the module's id to the url, like this: http://mirror:8080/motioneye/1 to show module with id '1'
Method: GET Required

Remember to update IP white list to enable access from your Motion Eye box.

You can hide a module using similar URL's: http://mirror:8080/motioneye/hide or http://mirror:8080/motioneye/hide/}{id}

autoHideDelay

If autoHide is enabled you can decide how long to wait before hiding the camera. Set it to 0 to never Default is 60000 (60 seconds).

animationSpeed

Sets the duration of the fade animation. Default is 2000.

forcedRefreshInterval

Forces a refresh of the video stream in case the video source temporarely is unavailable. Default is 0. Suggested is 60000 (10 minutes).

allowForce

This will allow the module to force modules to be shown (if hidden and locked by another module ex. profile-switcher). Default is false.

debug

Show messages in the log if set to true. Default is false.

Update

To update MMM-MotionEye, go to the MMM-MotionEye folder:

cd ~/MagicMirror/modules/MMM-MotionEye
git pull
pm2 restart mm

Credits

Good luck!

mmm-motioneye's People

Contributors

catoantonsen avatar snille avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

mmm-motioneye's Issues

Love this module!!

Not on issue. Just dont know how to give good feedback?
Anyway!! So nice!! Great job 👍

Keep up the good work :)

Nothing to see..

hi,
After installing the module, i do not see anyting in the top_center area exept the default.pic

i do not get what you meen with this:

url

Video Streaming URL. You find it in Motion Eye in the Video Streaming Section under Usefull URLs by by clicking the Streaming URL link. It should look something like this: http://motioneye:8081 (probably an IP instead of hostname).

which file do you meen? i did not find anything

i tried to call with the link, but the browser said "cant get motioneye'

http://localhost:8088/motioneye

what do i wrong?

Show animation not fading...

Hi again,
I just realized that the "show"-animation is not working. When something triggers the camera, the show of the module is instant not "animated". It's a bit strange though, you do have the 2000ms delay on the "show" line in the code. So I cant understand why it happens like that... :)

Timeouts.

Hi again, another thing.
As it is now if you have motion activation, the module gets shown when there is motion.
The timer autoHideDelay starts counting. When the time is up the module get hidden even if there is still motion going on, then it waits for a new "triggering" from motioneye and the and the module show up again. This often results in the module showing and hiding a lot. I'm thinking if there were a way to let the module continue to show if there is motion "all the time" (motioneye triggering all the time).
Hope you understand what I meen. :)

Best regards Erik

syntax error in module

There is
{
module: 'MMM-MotionEye',
position: 'bottom_right',
config: {
url: "http://motioneye:8081",
forcedRefreshInterval: 60000,
width: 400px,
debug: true
}
},
It is necessary
{
module: 'MMM-MotionEye',
position: 'bottom_right',
config: {
url: "http://motioneye:8081",
forcedRefreshInterval: 60000,
width: "400px",
debug: true
}
},

Error : width: 400px, ==> width: "400px",

syntax error in config width

Hi, I've found a syntax error on the module configuration lines:

When it says width: 400px, is wrong, so it can not launch MM.

The correct syntax would be: width: "400px", or width: 400,

Thanks for this module. Hope it helps.

does not work

just an empty jpeg on the MM. No Error in the log...How can i debug?

Start module hidden.

Hi!
As you know I have 6 streams. And they are all "motion-activated".
When I reload/restart the mirror, all MotionEye modules (Headers) are "shown" even if there is no movements, the header stays shown until there is a movement (in each module) or I manually "hide" the module(s).
I think it would be good if there where an option to start the module "hidden". :)

Not working in MM 2.18

I really hope you can help me get this working again.
All I get is a broken picture icon. Where the feed should be.
I can go into http://192.168.1.223:8081 and see the cameras out put just fine.
When I put the same thing in MMM-MotionEye all I get is that broken picture icon.
Any Ideas? I have removed and reinstalled several times, ran npm install inside MotionEye module folder.
Reinstalled the MotionEye OS on my pi zero that the camera is connected too.
HELP..

Multiple instances...

Hi!
Here is a feature request. :)
I'm using your module to overview 3 different cameras and I have activated the "hide when no motion" function. The problem is that all the video-streams gets shown / hidden when only one have motion / no motion.
There needs to be a way to tell what instans that has motion.
There needs to be an ID of some kind both in the config.js and in the "web hook link".

Thank you for a great module otherwise.

Best regards Snille

Close stream when module is hidden.

Hi again!
Because I'm using now 6 camera streams to my mirror (showing only when there is movements) there are lot's of bandwidth being wasted when the module is hidden. Would there be possible to "stop" the stream when the module gets hidden?

Thank you! :)

AutoHide is not working

Hi,
i think this module is not mantained. Thats very sad.
I try to use the AutoHide feature: Here is my config:
{
module: "MMM-MotionEye",
position: "bottom_left",
config: {
url: "http://motioneye:8081",
autoHide: true,
forcedRefreshInterval: 60000,
width: "400px",
debug: false
}
},

The camrea is alsways shown. I really want to hide the cam.
is that possible somehow?

Attempting to center unhidden div

Greetings;

I am currently using the MotionEye module with autohide activated and a webhook unhiding it. The module is assigned to the "fullscreen_above" region in the mirror. I am using this same configuration for some other hidden modules. My issue is that I am trying to center the MotionEye module within that div referencing the module directly from the custom.css file, though it doesn't seem to be working. I assume the error is in the reference, this is what I have so far:

.MMM-MotionEye { position: absolute; top: 0px; left: calc(50% - 625px); // Module is set to 1250px width in config.js }

can you point me in the right direction?

CORS problems...

Hi there! Been using your module for years now. :)
However, now it's not working anymore, the picture from the cameras does not show (it shows a broken picture icon only).
It has to do with the "CORES" security rule in Electron (now activated).
Access to fetch at 'http://10.0.0.112:8080/motioneye/show/2' from origin 'http://0.0.0.0:8080' has been blocked by CORS policy: The request client is not a secure context and the resource is in more-private address space private.
I'm not sure how to fix this... :)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.