Well, seems this is an increasing interest in todays society being able to monitor your home and other belongings using all kind of video devices. Especially since they have become rather affordable and easy to install and configure So let's start simple, this beginners example flow just demonstrat…

Thanks for sharing! [image] krambriw: but you can use any camera that is supported Is there a list of supported cameras or some requirements for such cameras? i.e. will a picamera work, how about a USB web camera?

[image] zenofmud: i.e. will a picamera work, how about a USB web camera? Yes, they will, in Motion you can configure either a netcam or a device directly connected (e.g. /dev/videoX) Myself I have USB cameras but one of my friends purchased really nice, rather cheap, onvif WiFi netcams from …

Ok, so the requirement is any camera that will work with motion...right?

Well, yes & no, you can skip Motion if you have proper url's for the cameras and then connect them directly to the dashboard. I mentioned Motion since it gives so much more in terms of pre-processing the images, various filtering possibilities, privacy masks, frame rate settings, compensation for su…

Hi Thanks for sharing this :slight_smile: - one quick observation, the new dashboard tab ‘Live Video’ adjusts the logo I have put at the top - see examples below, of a normal tab and then of the one just added from your code? (I already had a time/date dashboard element so removed yours ) Other ta…

Thanks. It’s a strange one; as I’ve never had an issue with my image or the clock before, they have been unaffected by the various dashboard items I’ve added. But for some reason your camera template and the resulting new dashboard tab, alters how my default image looks..

Well, try to add an empty ui_template node and just copy the text from mine. Does it change or is the problem still there. Could it be that I did set fixed sizes, you are using auto? Also this older thread is discussing position/formatting in the toolbar [image] Improvement: heade…

krambriw, Thank you for the prompt reply. I have imported your flow and have had no success. If I browse on chromium using my pi's url 192.168.1.195 and the assigned port for the camera in Motion :7777 I can access the camera's image. If I amend your http to "document.getElementById('c51').src =…

Try to use the same url as the one that is working directly in your browser. I think the syntax is depending on what version if Motion you are using. I think in newer versions they have the /x/stream at the end My settings for cameras in Motion version 4.1.1 is like this document.getElementByI…

A Dashboard setup for video cameras

Share Your Projects

krambriw 15 June 2019 15:14 7

Sorry, in that part I have not spent too much effort but similar issues (putting elements in the tool bar) was discussed earlier in this thread. Maybe something of that could provide some help or ideas

Topic		Replies	Views
How to display CCTV camera in dashboard (RTSP) General	169	60580	17 March 2020
Show Camera Image on Dashboard Dashboard	26	24438	28 April 2020
How to use external NVR (Frigate, BlueIris, ...) with Node-RED General docker , home-assistant	154	2944	24 March 2025
How to build a video surveillance system from scratch? General	35	4855	11 October 2021
Display camera ip in dashboard and store video in raspberry General	67	14470	30 August 2020

A Dashboard setup for video cameras

Related topics