Broadcast Overlay

The Broadcast Overlay feature allows you to embed a live leaderboard into a TV or livestream production using a simple HTML browser source.

Each tracking session has its own unique overlay URL, which means you can run multiple overlays simultaneously for different races or events.

The overlay refreshes automatically every second to keep rankings and boat data up to date.

---

Configuration

Broadcast overlays are configured at the account level. To access configuration:

1. Go to your Account Settings

2. Click on Broadcast overlay

Available settings include:

• Background

  • Transparent

  • Solid color

• Boat information displayed

  • Sail number

  • Country flag

  • Boat class

• Number of boats displayed

  • Default: 5 boats

• Custom CSS

  • You can apply your own CSS styles to adapt the overlay to your broadcast graphics package or branding.

---

Using the Overlay URL

Each tracking session generates a dedicated overlay URL. Copy this URL and add it as a browser/web source in your broadcast software.

---

OBS Studio Setup

1. In the Sources panel, click ”+” and choose “Browser”

2. Name it “eStela Overlay” and click OK

3. Paste the overlay URL into the URL field

4. Set width to 600 and height to 400

5. Enable “Refresh browser when scene becomes active” to guarantee fresh data

6. Accept and position/resize the source over your video feed

---

vMix Setup

1. Click “Add Input” and choose “Web Browser”

2. Paste the overlay URL into the URL field

3. Set width to 600 and height to 400

4. Accept and position the overlay in your production layout

---

H2R Graphics Setup

1. In H2R Graphics Editor, add a new “Web Source” graphic

2. Paste the overlay URL into the corresponding field

3. Position the graphic in the editor

4. Save and trigger the overlay on air from the controller

---

If you need help customizing the overlay appearance or integrating it into your broadcast workflow, please contact support.