I am using websockets for the comm interface which is working fine if I use the video_preview node ( node-red-contrib-image-output) . In fact it looks quite good, but I really want the window on my dashboard. Google suggested a template node and I have set the Type to Widget (group-Scoped), Group …

[image] markb: Here is a photo of the elements as I could not do a copy for whatever reason. Does that tell you anything? As you can see the src is not filled in, so that bit of your template is not working. In your template script you have if (newMsg && newMsg.topic === 'video-frame') { b…

Welcome to the forum. Which dashboard are you using? The old node-red-dashboard or the newer @flowfuse/node-red-dashboard? The script you posted is for the old one. Look in manage palette to find which one.

Yes it is the flowfuse version. I did a search and found another script but it now shows black with a white rectangle on the dashboard.

[image] markb: it is the flowfuse version That is why it is not working, the template you posted is for the old dashboard. What exactly are you trying to do? Display an image on the dashboard or a video stream?

The goal is to have a video window streaming from a small robot along with status and maybe some control groups. The source is captured JPEG using opencv and converted to BASE64. The image size is 640x480, but that could change. The template and group node Size setting is confusing as I don't know …

[image] markb: The goal is to have a video window streaming from a small robot What format is the stream? Can you not display that directly?

I'm not sure that I follow. What do you mean by streaming directly? As for the format, it is JPEG with BASE64 encoding. The image preview node worked with the previous script which I guess shouldn't be surprising, but it only displayed in the node edit window.

What is the original source of the video and how does it get to opencv? [Edit] if you want to show video why are you converting it to jpeg images?

The source is an Arducam uvc camera. I chose converting to JPEG and then to Base64 as a string to be sent through web sockets as the simplest approach with low bandwidth, although not necessarily the most efficient.That is OK for my needs. Here is the Python worker thread: def websocket_worker(sel…

[image] markb: I chose converting to JPEG and then to Base64 as a string to be sent through web sockets as the simplest approach with low bandwidth So are you planning to send the video as a sequence of jpeg images? Why can't you access the original video via http, for example.

Well I have to answer that with a question. Why can't I display a sequence of JPEG images given the template script clearly supports JPEG with Base64 encoding? Either there is something wrong with the script or the way a video is displayed in the dashboard.

Unable to display a video window on my dashboard

Dashboard

krambriw 27 July 2026 17:45 14

Just an input here to the discussion, I had a rather similar need that we touched upon earlier some 1,5 years ago. I had a template that worked very well in DB-1 one and I wanted it to be migrated to DB-2. With great help from @Steve-Mcl I finally got it working. That template supports more than what you need; live & recorded video of various formats as well as showing images (it does support base64). So maybe this can at least help you moving forward (I will create a small flow to demonstrate how to show images asap)

Topic		Replies	Views
Image appears in "image output" but not in "dashboard" Dashboard node-red-dashboard	2	354	30 August 2022
Show Camera Image on Dashboard Dashboard	26	24498	28 April 2020
Flickering with template node Dashboard	22	1582	11 October 2021
Can't display image on Dashboard? General	14	1828	21 September 2021
Need help displaying a jpg in Dashboard 2. Assume noob level Dashboard dashboard-2 , ui-template	9	342	13 August 2024

Unable to display a video window on my dashboard

Related topics