Overlay Print information on Webcam stream

[SmallStrayFox]

Requested feature:

During a print I spend most of my time on the Webcam tab so I can keep an eye on the print and any potential issues. It would be super handy if I could also see some live print stats overlaid on the webcam feed so I can keep an eye on important things like temperatures.

Solves the following problem:

solves having to switch between the Dashboard and Webcam tabs, when it's much more preferable to have glanceable information on the webcam feed that allows us to see any given live variable for the current print (similar to the current fps counter).

Additional information:

ideally should be able to include any variable that's being monitored on the dash in a format that is compact but readable. graphs are nice but honestly one line of text would be more readable, e.g. you'd edit a text string like

%temp_extruder% - %temp_bed% || %temp_mcu1% - %temp_pi% || %Percent_done% - %ETA%

and it showed overlaid on the live video feed as

Extruder: 210.0°C - Heater Bed: 60.0°C || Board MCU: 38.0°C - Raspberry Pi: 32.0°C || %85 - ETA: 17:35

[Turbine1991]

Oh, I just added this and focus/zoom along with camera servos movement. It's totally worth it!

[Googliola]

Would love to see that too!
@Turbine1991 Would you mind sharing your extensions?

[Turbine1991]

Would love to see that too! @Turbine1991 Would you mind sharing your extensions?

It's been quite a bit of work so far, I'm pretty close 1-2 days away from completion. I decided to add a dimmable led to the nozzle and add a slider in the web overlay.

Here's a WIP while I was fixing my printer. I hadn't added the led slider or preview image of the active task and there's no progress bar or time left in this image. I'm not too happy with the result. It's usable, but not as pretty as I'd like.

It does require a backend to be running on the pi, this also allows certain controls and reporting to mainsail without making it publically accessible directly.

[slynn1324]

I did something similar in my local copy, but a bit simpler -- I just dropped some extra information into the Panel title bar and added a condition for it to only show when on the webcam tab.

Only needed a few changes: add a slot in src/components/ui/Panel.vue, and populate it in src/components/panels/WebcamPanel.vue (patch attached)

webcam_details.patch

[Hotwire]

Any movement on this? It would be SUPER handy for the time lapse to have the info too.

[meteyou]

@Hotwire this have nothing Todo with timelapse.

[CoffeeSquirel]

Did anything come of this?

[meteyou]

@CoffeeSquirel it's still open and no pr is linked to it. So it's just an open FR.

[dfbpurcell]

How do we apply the patch file?