OBS Streaming Overlay

FlightPack includes a built-in streaming overlay that shows your current flight phase, live scores, and coaching callouts directly on your OBS stream. It is designed for flight sim streamers who want to share their scoring data with viewers.

What It Shows

  • Flight Phase Badge: Current phase (taxi, takeoff, climb, cruise, descent, approach, landing)
  • Score Flashes: Animated score popups when a phase completes
  • Callout Toasts: Real-time coaching alerts (speed warnings, altitude deviations, etc.)
OBS overlay in action— Screenshot coming soon

Setup Instructions

  1. Open FlightPack and make sure it is connected to your simulator.
  2. In FlightPack Settings, find the OBS Overlay section and note the overlay URL (typically http://localhost:9847/overlay).
  3. In OBS Studio, add a new Browser Source.
  4. Set the URL to the overlay URL from step 2.
  5. Set the width to 1920 and height to 1080 (or match your canvas size).
  6. Position the browser source wherever you want the overlay to appear.

WebSocket Connection

The overlay connects to FlightPack via a local WebSocket. When FlightPack is running, the overlay automatically connects and receives live telemetry events. If FlightPack closes, the overlay goes transparent until reconnection.

Customization

The overlay is rendered as a standard HTML page, so you can apply OBS browser source CSS overrides if you want to adjust fonts, colors, or positioning. The default theme matches the FlightPack dark palette.

Supported Events

  • phase_changed — Updates the phase badge when your flight transitions between phases
  • phase_scored — Triggers a score flash animation when a phase is graded
  • callout — Displays a coaching toast (e.g. "Speed high", "Check descent rate")