> For the complete documentation index, see [llms.txt](https://triodo.gitbook.io/arena-tracker-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://triodo.gitbook.io/arena-tracker-documentation/en/streaming.md).

# Streaming

## OBS <a href="#obs" id="obs"></a>

Arena Tracker is designed for use with [OBS](https://obsproject.com/). To add its windows to your scene:

1. In Arena Tracker, go to [transparency configuration](/arena-tracker-documentation/en/config-tab.md#ui) and select **Framed**, then restart the application.
2. In OBS, add each relevant **Arena Tracker** window as a source.

![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2F49676ae87a1f549237def542d18b069569a2bbf2.png?generation=1592436496545060\&alt=media)

## Twitch Chat Votes <a href="#chatvotes" id="chatvotes"></a>

Arena Tracker includes Twitch integration, allowing your viewers to vote for cards or heroes during drafting. Viewer votes show up as a new element between the scores.

### How viewers vote:

In Twitch chat, type `!pick1`, `!pick2`, or `!pick3` to vote for card 1, 2, or 3.

![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2Ff910a0881059345e31e13869849362bb883ca434.png?generation=1592436497028400\&alt=media)

### To configure Twitch integration:

Click the **Configure** button at the bottom of the **Config** tab:

![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2F91eb436bb21c9cfd753e832d464492a93bdd4403.png?generation=1592436497228426\&alt=media)

Then you will see a message with some instructions about the process, press Get OAuth:

![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2Fa6b754db0261c7e4a536a0f90ecca6d2b25df1a1.png?generation=1592436496914433\&alt=media)

**Step 1:** A new webpage will open. Log in with your Twitch account:

![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2Fabfb38081fc9eb28b53b6842ae2e1558fae5bc33.png?generation=1592436497312129\&alt=media)

Copy the displayed code:

![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2F800806d7946f808788c73ccfe9ad0e8cfc799dd7.png?generation=1592436498692465\&alt=media)

Paste this code into the floating input in Arena Tracker, then click **OK**.

![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2F33c778ac54b03abd7fdb83d3a832620468b7620e.png?generation=1592436497510450\&alt=media)

**Step 2:** Enter your Twitch username in the next prompt and click **OK**.

![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2F9a17d365382c59f724aff9b9b568ff2877170948.png?generation=1592436497705866\&alt=media) ![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2F0020fd8ca80c8fdd576e2334ffc91a25b625c106.png?generation=1592436498982611\&alt=media)

**Step 3:** Enter the chat prefix for voting (default is `!pick`), then click **OK**. This sets up `!pick1`, `!pick2`, and `!pick3` as the commands viewers use to vote. Let it blank for commands `1`, `2`, and `3` .

![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2F92c1aac9719bffb6182093947ce5db4b226fdb39.png?generation=1592436498880016\&alt=media)

Once completed, you'll see a confirmation at the bottom of the **Config** tab. A grey indicator shows while Arena Tracker tests the connection.

![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2F61ba84926fe5aac457368d4c1fac61198bb5a43b.png?generation=1592436498279363\&alt=media)

It turns **green** if the connection is successful.

![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2Fc11aa01bc24c724c57e3bbc8e92f3e34fbdcf165.png?generation=1592436498129477\&alt=media)

Or **red** if it fails.

![](https://186145447-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MA3atiestKp_TT9z-kk%2Fsync%2Ffaf01725f972857ad001606c822030dfc357bc49.png?generation=1592436497937196\&alt=media)

You're all set! During your next draft, votes will appear as an additional score. Arena Tracker will also send a message in chat each time a new card trio is presented, e.g.:

```
[1/30] -- (!pick1) Goldshire Footman / (!pick2) Wisp / (!pick3) Young Dragonhawk
```

This helps viewers know when voting is open, despite Twitch’s chat delay.

### To toggle votes display:

Check or uncheck **Chat votes** in the UI. Even if hidden, the connection remains active and votes are still counted—but they won't be shown on-screen or announced in chat.
