> For the complete documentation index, see [llms.txt](https://docs.sonoransoftware.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.sonoransoftware.com/studio/sonoran-studio/add-studio-to-your-streaming-app.md).

# Add Studio to your streaming app

Select **Setup guide** in Sonoran Studio to see the private URL and exact source size for the active layout.

![Sonoran Studio streaming setup guide](https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSNDrCcXxwsnYIi72Ym9Z%2Fuploads%2FWHgiBFycHCMAlW0X2NrX%2Fstreaming-setup-guide.webp?alt=media\&token=292432bb-df7b-446a-80ca-83a2e9ade920)

{% tabs %}
{% tab title="OBS Studio" %}

1. Open the scene that contains your game and select **+** in the Sources dock.
2. Choose **Browser**, select **Create new**, name it **Sonoran Studio**, and select **OK**.
3. Turn **Local file** off and paste your private Sonoran overlay URL into **URL**.
4. Enter the exact **Width** and **Height** shown in Studio.
5. Leave **Shutdown source when not visible** off so CAD and Radio events stay connected. Keep the transparent custom CSS OBS supplies.
6. Keep Sonoran Studio above your game capture in the Sources list. If necessary, use **Transform → Reset Transform**, then **Fit to Screen**.
7. Trigger a Studio **TEST** before going live.
   {% endtab %}

{% tab title="TikTok LIVE Studio" %}

1. Open the landscape or portrait scene you plan to broadcast and select **Add source**.
2. Choose **Link**. Some versions call this a webpage or URL source.
3. Paste your private HTTPS overlay URL and name the source **Sonoran Studio**.
4. Set the source width and height to the exact Studio values when those fields are available. Otherwise, resize it to fill the complete scene.
5. Move it above your game, screen, or camera capture.
6. Check the mobile preview, then trigger a Studio **TEST**.
   {% endtab %}

{% tab title="Streamlabs Desktop" %}

1. Open your gameplay scene, go to **Sources**, and select **+**.
2. Choose **Browser Source**, name it **Sonoran Studio**, and select **Add Source**.
3. Paste your private overlay URL.
4. Set **Width** and **Height** to the exact Studio values. You can normally leave FPS at 30.
5. Resize the source to fill the canvas and keep it above your game capture.
6. Trigger each Studio **TEST** before going live.
   {% endtab %}
   {% endtabs %}

{% hint style="danger" %}
Never show or share the complete overlay URL. If it is exposed, select **Replace URL** in Studio and update the browser source in every scene that used the old URL.
{% endhint %}

## Fix a square or cropped overlay

Verify the source width and height, reset its transform, and fit it to the scene again. For portrait broadcasts, confirm both Studio and the streaming app use the vertical dimensions.


---

# 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, and the optional `goal` query parameter:

```
GET https://docs.sonoransoftware.com/studio/sonoran-studio/add-studio-to-your-streaming-app.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.