C-Bus 5500AC2 - RTSP Camera Steaming APP

After a little feedback on how people are currently viewing and displaying camera streams and their layouts.

I've begun developing an app to natively support viewing RTSP streams on the 5500AC2.

Currently i use a Pi to handle the RTSP streams for viewing on the 5500AC2, but ideally I've wanted to have a self hosted option to do away with the pi and http/https mixed content and cross origin work arounds.

After trialing a few different methods, i finally have one i think I'm happy with that runs totally on the 5500AC2. No Pi or 3rd party proxy required, just a h.264 rtsp url from the camera or nvr.

Current testing is with 9 streams from the camera/NVR's secondary stream set as 720P(705 x 576), bitrate constant, 512kbps, 15FPS, h.264, iframe interval 30. While testing i had 3 clients simultaneously viewing all 9 streams at once ( browser, iPhone and tablet ), this was about the limit of the 5500AC2's SoC. Generally this would be ok as the streams are only processed on demand, not constantly. so if there is only 1 or 2 clients simultaneously viewing all 9 streams periodically its ok, but to be safe i scaled back the page to viewing 4 streams at once, clicking a stream will open it in full screen, and optionally can show the single main stream if supplied for better quality.

The individual streams can be available for use in local iframe aswell for custom interfaces.

Depending how the majority are adding cameras to their pages, I can adjust the app page layout's to better suit direct iframe integration of the 4 stream layout, or just give each card a "copy url" button to past into an iframe, with or without the card fromatting. ( just the raw stream image ).

I'm still working on tweaking and testing things, so no plans on release as yet but open to any feedback.

Quick Video Demo and Pics Below:


https://www.dropbox.com/scl/fi/c944...ey=z608bsy7i20a1mc6wazzjkadz&st=j0xiitik&dl=0

 

This Is excellent. I would like it so you can set the cameras up in the app. Then in standard visualisations use an iframe to pass a url with a camera number. Then either have the image resize to fit the frame automatically, or send in the picture Size via the url. Any chance you can make this available for testing? Also does Thi work on a LM5?

 

Yep, this works on LM5 ( i have it running on both LM5 and 5500AC2 for testing ), it will likely run on the Wiser4KNX aswell.

Perfect, i've add a copy url button to each card in the app, so a link can be copied and pasted into an iframe. The iframe scales the image and maintains the aspect ratio ( if the frame is sized outside the ratio it just adds black bars). Custom css can be applied to the iframe using additional class for any further customisation. ( borders, rounded edges etc )

So the App wil be used to add a rtsp url and display the streams as 4 per page for verification. The stream url can be copied and used in the visualisation.

 

Perfect. have you tested with unify?

when will it be available for purchase? have you spoken to schneider/daniel at Lm about it?

 

I've only tested with Hikvision so far, so i'll likely need to do some testing with other cameras to make sure the h.264 decoding works for other types.

I've reached out to both Schneider and Daniel from Lm with the same info here, though being the holiday season i havent had anything back yet.

Im still tidying things, but once done i can package it up for some testing and feedback.

 

Little bit of hackery and it works in the manager app aswell.

 

Looks delightful, I use HIk aswell, it would solve a bunch of issues for me, I would definitely purchase this if it was available.

 

As always, love your work Diggerz. Excellent.

I present the feeds in a frame, using the Camera function. I have customised the pages, based on the fantastic graphics package from Ryelec.

I have 15 camera feeds, across three pages. Same on mobile. I made the feed encode MJPEG at 704x576. Although the quality isn't fantastic, it is more than enough to view on iPad.

It was a punish to set up a sub stream for each camera, however this was the best way I could come up with. I wish there was an easier way to add cameras.