Help with setup: Recording live drone flight video with web-based telemetry dashboard overlay

[mustafa12345]

Hi everyone,
I am looking for some guidance on the best way to configure OBS Studio to record a live picture-in-picture session for a warehouse application we are building.
Our Setup:

• Main Video Source: A live video feed capturing an autonomous warehouse drone during flight.
• Overlay Source: A web-based "Operations Overview" dashboard running in a local browser. This dashboard tracks real-time data including an RFID pipeline (via MQTT), AprilTag detection, and MAVLink telemetry.

What We Want to Achieve:
We want to record the actual drone flight full-screen while embedding our web dashboard as a smaller picture-in-picture window in the bottom-right corner. The final output needs to be a single recorded video file where the flight video and the live updating telemetry data are perfectly synced.
My Questions for the Forum:

1. What is the most stable way to bring a local web dashboard into OBS as an overlay? Should I use a standard Browser Source pointing to our local URL, or am I better off using Window Capture to grab that part of the screen?
2. If I use a Browser Source, does OBS fully support real-time WebSocket or MQTT data updates updating smoothly inside the render canvas?
3. Are there any specific hardware acceleration settings or output recording formats (e.g., fragmented MP4 vs MKV) recommended to ensure zero lag between the fast-moving drone video and the incoming telemetry data logs?

Any advice on scene configuration, cropping tricks, or performance optimization for this kind of live data-layering workflow would be greatly appreciated!
Thanks in advance,
Mustafa