MotionEyeOS Cameras Not Showing in Chrome

dbtechdiy, motionEye, Raspberry Pi, VideoLeave a Comment

MotionEyeOS

While doing some research into what my next video should be, I noticed in my YouTube analytics that my first MotionEyeOS video is still in my top 5 videos for the last month. So I decided to see about making a follow up video on it.

After I setup my Raspberry Pi 3b+ with MotionEyeOS, I logged in and added a camera like I’ve always done. Immediately there was a problem and the camera I had added wasn’t showing. It was just a loading screen where the video feed should have been.

I refreshed my browser and got the same result. So then I opened the MotionEyeOS feed in the Microsoft Edge browser and it worked.

Then I started Googling things about MotionEyeOS not working in Chrome.

Almost immediately I found a Github issues page where other people had the same issue and were able to point me in the right direction.

Link to the issues page: https://github.com/ccrisan/motioneye/issues/1401

It turns out that a big change in Google Chrome Version 76.0.3809.100 causing the issue. Chrome Version 76 added lazy loading as the default setting and this, for some reason, is the reason that the video streams don’t load.

I found a couple of options:

  1. Use a different browser that doesn’t have lazy loading enabled.
  2. Disable lazy loading in Chrome.
  3. Use Motioneyeos Version 0.41rc1.

Disabling lazy loading in Chrome is as easy as copy/pasting this into your Chrome URL bar and pressing enter:

On that screen, change the “Enable lazy image loading” setting from “Default” to “Disabled”

Then, click the “Relaunch Now” button in the bottom right of your browser screen.

Link to the RC1 download: https://github.com/ccrisan/motioneyeos/releases/tag/nightly-dev
The version I used was “dev20190813”

/=========================================/

Like what I do? Want to be generous and help support my channel? I made a little website with ways you can support my channel:

https://support.dbte.ch

Sign up for the newsletter:

https://dbte.ch/newsletter

/=========================================/

Remember to leave a like on this video and subscribe if you want to see more!

/=========================================/

Follow Me:
Twitter: https://dbte.ch/tw
Instagram: https://dbte.ch/ig
Facebook: https://dbte.ch/fb
Subscribe: https://dbte.ch/ytsub