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. 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…

I'm struggling here. The browser syntax works with and without /1/stream. If I put either with or without as you describe above the image is not transferred to the dashboard. Is your ip addresses your pi address?

If I do as above it is still a broken image

What do you mean by a broken image?

that means the browser could not find the image. Only thing I can think of is a syntax problem. Please share the code from your ui_template node, maybe we can help and find something, it could be a minor thing causing a major error :wink:

A Dashboard setup for video cameras

Share Your Projects

krambriw 31 July 2019 16:04 13

Yes I have 4 RPi's with those ip-addresses, each RPi has 2 cameras. I'm running Motion in all 4 RPi's

What happens if you just add a simple ui_template node as follows (with the url to one of your cameras)?

Topic		Replies	Views
How to display CCTV camera in dashboard (RTSP) General	170	60241	6 June 2020
Show Camera Image on Dashboard Dashboard	27	24367	12 May 2020
How to use external NVR (Frigate, BlueIris, ...) with Node-RED General docker , home-assistant	155	2710	22 June 2025
How to build a video surveillance system from scratch? General	37	4792	10 December 2021
Display camera ip in dashboard and store video in raspberry General	68	14373	13 September 2020

A Dashboard setup for video cameras

Related topics