# Dashboard 2 and cameras

**URL:** <https://discourse.nodered.org/t/dashboard-2-and-cameras/92696>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [26 October 2024 15:25 UTC](https://discourse.nodered.org/t/dashboard-2-and-cameras/92696 "2024-10-26T15:25:47Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![GIGS1975](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gigs1975/32/47306_2.png) [@GIGS1975](https://discourse.nodered.org/u/GIGS1975)\
**Post date:** [26 October 2024 15:25 UTC](https://discourse.nodered.org/t/dashboard-2-and-cameras/92696/1 "2024-10-26T15:25:47Z")

</div>

Hello,  
Is there a way to get my RTSP or JPEG cameras into Dashboard2?

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [26 October 2024 16:07 UTC](https://discourse.nodered.org/t/dashboard-2-and-cameras/92696/2 "2024-10-26T16:07:45Z")

</div>

I started a successor of the ui-mp4 frag node (dashboard 1) from @kevinGodell. See [node-red-contrib-video](https://github.com/bartbutenaers/node-red-dashboard-2-ui-video). But due to lack of free time and lack of contributions, it is not completed yet.

---

<div class="post-metadata">

**Author:** ![GIGS1975](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gigs1975/32/47306_2.png) [@GIGS1975](https://discourse.nodered.org/u/GIGS1975)\
**Post date:** [26 October 2024 16:11 UTC](https://discourse.nodered.org/t/dashboard-2-and-cameras/92696/3 "2024-10-26T16:11:51Z")

</div>

thank you very much. Unfortunatelly i am very unexperienced in hls, and all that stuff around videos. I just wanted to get my IP camera into my Dashboard2, but apparently there is no plug and play solution for this. Anyway i am more than thankfull for your interest to help.

---

<div class="post-metadata">

**Author:** ![gerry](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gerry/32/21604_2.png) [@gerry](https://discourse.nodered.org/u/gerry)\
**Post date:** [26 October 2024 17:53 UTC](https://discourse.nodered.org/t/dashboard-2-and-cameras/92696/4 "2024-10-26T17:53:39Z")

</div>

There is a way to do it I have 5 cameras running, but it's not plug in a node and go there are a few steps.

---

<div class="post-metadata">

**Author:** ![GIGS1975](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gigs1975/32/47306_2.png) [@GIGS1975](https://discourse.nodered.org/u/GIGS1975)\
**Post date:** [26 October 2024 18:05 UTC](https://discourse.nodered.org/t/dashboard-2-and-cameras/92696/5 "2024-10-26T18:05:30Z")

</div>

would you please give more details? how to get it working?

---

<div class="post-metadata">

**Author:** ![BartButenaers](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bartbutenaers/32/10476_2.png) [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [26 October 2024 19:08 UTC](https://discourse.nodered.org/t/dashboard-2-and-cameras/92696/6 "2024-10-26T19:08:47Z")

</div>

> [@GIGS1975](#):
>
> Unfortunatelly i am very unexperienced in hls, and all that stuff around videos

Note that I have written some [wiki](https://github.com/bartbutenaers/node-red-dashboard-2-ui-video/wiki) pages, inclusive a hls intro and a tutorial about showing an RTSP camera stream in dashboard D2.

---

<div class="post-metadata">

**Author:** ![GIGS1975](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gigs1975/32/47306_2.png) [@GIGS1975](https://discourse.nodered.org/u/GIGS1975)\
**Post date:** [26 October 2024 19:10 UTC](https://discourse.nodered.org/t/dashboard-2-and-cameras/92696/7 "2024-10-26T19:10:50Z")

</div>

tanks for the info

---

<div class="post-metadata">

**Author:** ![gerry](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gerry/32/21604_2.png) [@gerry](https://discourse.nodered.org/u/gerry)\
**Post date:** [26 October 2024 20:22 UTC](https://discourse.nodered.org/t/dashboard-2-and-cameras/92696/8 "2024-10-26T20:22:38Z")

</div>

here is one camera, this is repeated five times

```auto
[{"id":"9e3662b7092cb61d","type":"http request","z":"2f2c61633c921d2f","name":"1","method":"GET","ret":"bin","paytoqs":"ignore","url":"url and password to login to camera","tls":"","persist":false,"proxy":"","insecureHTTPParser":false,"authType":"","senderr":false,"headers":[],"x":450,"y":180,"wires":[["571e65c1f5860456"]]},{"id":"571e65c1f5860456","type":"base64","z":"2f2c61633c921d2f","name":"","action":"str","property":"payload","x":680,"y":180,"wires":[["e69dc16832d71e67"]]},{"id":"e69dc16832d71e67","type":"ui-template","z":"2f2c61633c921d2f","group":"9df61d18902808f6","page":"","ui":"","name":"camera 1","order":2,"width":"6","height":"6","head":"","format":"<template>\n <v-container>\n <v-col>\n <v-row>\n <v-card>\n <img\n v-if=\"isValidBase64(msg.payload)\"\n width=\"100%\"\n height=\"100%\"\n alt=\"shucks\"\n :src=\"`data:image/png;base64,${msg.payload}`\"\n />\n <div v-else>Invalid image data</div>\n </v-card>\n </v-row>\n </v-col>\n </v-container>\n</template>\n\n<script>\n export default {\n props: {\n msg: {\n type: Object,\n required: true\n }\n },\n \n data() {\n return {\n isActive: {},\n buttonText: {\n time: ''\n }\n };\n },\n\n watch: {\n msg: {\n deep: true,\n handler(newVal) {\n this.buttonText.time = newVal.payload;\n }\n \n },\n },\n\n methods: {\n\n isValidBase64(str) {\n // Basic validation for Base64 string\n return typeof str === 'string' && /^[A-Za-z0-9+/=]+$/.test(str);\n }\n },\n};\n</script>","storeOutMessages":true,"passthru":false,"resendOnRefresh":true,"templateScope":"local","className":"","x":860,"y":180,"wires":[[]]},{"id":"9df61d18902808f6","type":"ui-group","name":"Camera","page":"1ee8d4f46e820153","width":"6","height":"6","order":1,"showTitle":false,"className":"","visible":"true","disabled":"false","groupType":"default"},{"id":"1ee8d4f46e820153","type":"ui-page","name":"Camera","ui":"be93d1640cb1fd4c","path":"/Camera","icon":"mdi-camera-iris","layout":"flex","theme":"8226cb6548fd5dbd","breakpoints":[{"name":"Default","px":"0","cols":"3"},{"name":"Tablet","px":"576","cols":"6"},{"name":"Small Desktop","px":"768","cols":"9"},{"name":"Desktop","px":"1024","cols":"12"}],"order":9,"className":"","visible":"true","disabled":"false"},{"id":"be93d1640cb1fd4c","type":"ui-base","name":"PageOne","path":"/dashboard","appIcon":"","includeClientData":true,"acceptsClientConfig":["ui-notification","ui-control"],"showPathInSidebar":false,"showPageTitle":true,"navigationStyle":"default","titleBarStyle":"default"},{"id":"8226cb6548fd5dbd","type":"ui-theme","name":"Default","colors":{"surface":"#000000","primary":"#808080","bgPage":"#000000","groupBg":"#000000","groupOutline":"#808080"},"sizes":{"density":"default","pagePadding":"12px","groupGap":"12px","groupBorderRadius":"4px","widgetGap":"12px"}}]

```

the input is an inject node set to repeat every 10 seconds

[edit] this is not video it is a every 10 second snap shot of the camera

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [25 November 2024 20:23 UTC](https://discourse.nodered.org/t/dashboard-2-and-cameras/92696/9 "2024-11-25T20:23:31Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.