RTSP Feed on dashboard

Hi,
So I have seen several posts here about getting rtsp feed on dashboard. They all seem to be complicated. Is there a simple way to get a rtsp feed and display the live preview of a specifc camera (have a drop down list/buttons to select the camera) and it shows a semi live feed of the camera. I have seen posts like this one that seem to do it, but they use alot of nodes and I am not sure if they work with the latest version of the dashboard

For the new dashboard, work is in progress but it is managed by a non paid volunteer so just be patient
For the previous dashboard the link you referre to is the way to go

Just to make sure that flow fuze dashboard 2.0 is the latest and the right one?

Can I use them toghether in a way or is it one or the other

Hi @ath0rus

  • In the old AngularJs dashboard you needed to use node-red-ui-mp4frag.
  • For the new VueJs dashboard D2 I started developing node-red-dashboard-2-ui-video, as a successor of the old ui-mp4frag node. One of the wiki pages is a tutorial about showing RTSP streams.

However there are still a large number of open issues for my new node. For some of them I was completely stuck, for others I simply didn't have time to fix them. Because the new dashboard causes us having to reimplement all our ui nodes, which requires a LOT of free time.

The open-source concept is very simple: unless some people want to help contributing, this node will only be finished when I find free time. Spoiler alert: that won't be soon...

Id love to help you develop it but I run into some simiar issues (Not much free time (cos of work) and only know python (and not too well) and not java script), I can test and feedback if that helps (you probably get alot of that)

I would stick to the old for now for RTSP video, that works really well even if the flow looks complex in itself since Kevin maybe added more features in his sample then you actually need

I would make one tab per camera to keep a nice organized flow

We (@dynamicdave, @zenofmud and myself) made earlier an attempt using Kevins nodes together with others (and some coding...) to make a video management system for home usage. It is also supporting other video sources like http, youtube and recorded video. Could maybe be of interest to look at

https://teamwork-int.com/hss/index.html

Just did a recap how we designed the HSS as mentioned above. I now remember, was a time ago,
we did not use the node-red-contrib-ui-mp4frag node, instead we actually coded the ui functionality in the (old) dashboard template nodes

So basically, just using the dashboard independent node-red-contrib-ffmpeg-spawn and node-red-contrib-mp4frag and do similar coding in the dashboard 2 template node might work. Untested though...

1 Like

Hi @BartButenaers,

At the risk of it sounding like bribery, is there a way for us to contribute financially? Like, do you have a Patreon or a something?

I am not a rich guy, but I can make a donation now and then. I'd send you avocados if we were in the same country.

You see, for me the use case is to bring up a video feed when Frigate says there is a person there. And for me the need is very real.

The reason I am googling this process today (and found this thread) is because last night Frigate caught someone testing the fence at our tractor shed, and feeling around to see if they might access the gate motor (it's in a cage, but not invulnerable if you can pick a lock). They did this at two buildings on our farm.

We're small farmers, this kind of thing hits us hard, because cops don't bother coming out here, and insurance always finds a way not to pay. We've been hit four times this year, and I installed Frigate after the last one.

I'm very excited about Frigate as a part of my setup. But for real, I'm alarmed, because the person made no attempt to steal; they were purely scouting. They'll be back.

Right now, I have Node-RED email me if Frigate publishes a snapshot to MQTT. I will learn how to embed the snapshot in the email (it's formatting, I'll get there), but this would be even sexier.

Thank you for the work you have done so far. I am heading over to Github now.

Maybe not frigate for me (yet), But all I want to do is to be able to offer a login page to guests (that house sit for us or when guest parents want to watch the camera looking at the pool while they talk to other parents), putting a feed on the dashboard (as well as other stuff like weather) would be cool. Im not sure how much I can contribute but id be happy to contribute to a ko-fi if that pays you to spend time to work on this node, Or i can help (if possible)

If you are handymen you might also be interesting in this new thread. There you should be able to import the example and modify it fitting your cameras RTSP feed

1 Like

if you mean handyman as in physical, your asking the wrong guy. Tech stuff maybe as tech is my thing (I work IT at a school), I have to get off for bed now as I have work tomorrow, but after that I will check out that thread you mentioned, Maybe something I can try when I get time

:wink:

So I wish you a nice and good sleep then. That example is pretty straight forward and should allow you to extend it, making a dashbord 2 with multiple camera views showing you your RTSP streams (as well as others if you have)

Hello @krambriw, thank you for that exciting link!

I pasted the flow, and discovered that this is actually all done with ... I want to say css? or XML?

I increasingly get the feeling that dashboard-2 needs you to be able to code in a design language like that. I don't mean this statement as a criticism; rather, I'm trying to manage my expectations in terms of what I'll be able to do, and how quickly.

Is that the path forward? Is learning that markup language essential if I want to do stuff with dashboard-2?

I'm not sure about the path forward. I just started to look into the possibilities to show all kind of media in the dashboard-2 since I had a nice working piece for the dashboard-1

I like simple straight forward solutions and with the kind help from @Steve-Mcl there is now a little embryo to a template node that seems to work pretty well already. In a few minutes I have something to show, pretty interesting, not the most beatiful layout yet but it works, showing various source types like mp4, http, m3u8 and others in a couple of frames. Easy to change to configure for your own private cameras. I just need to learn more about how all this can be put into a nice layout

Take pen and paper. And don't try to beat Picasso. If there's any outcome it takes only few steps to become the thing.
But be sure to draw everything for every use case and situation.

1 Like

Just a Q&D (Quick & Dirty) mockup (bakery in Paris is closed now, so a bit dark in there)

1 Like

Too many chars in the flow...need to create a file instead :frowning:
rtsp_demo.json (64.4 KB)

1 Like

Thanks for the offer. Unless you could send a box full of free time to my house, it won't really make a difference. Only contributions from the community can speed up things, and otherwise it will simply end up in my long backlog...

1 Like

Hi @krambriw,

Yes, I agree with you, and am in the same boat: I need to learn some design code. But for that I will need time, which is in short supply.

Hi @BartButenaers, I hear you and empathise. I have three fulltime jobs, only one of which pays, sometimes, so yeah, butter scraped over too much bread. I know it will change in time, as it will for you too.

1 Like