> For the complete documentation index, see [llms.txt](https://docs.estela.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.estela.co/tracking-races-with-estela/broadcast-overlay.md).

# 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:<br>

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.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.estela.co/tracking-races-with-estela/broadcast-overlay.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.