# Captioning with OBS (Browser Source)

**Using Zip Captions with the Browser Source in OBS to provide Open Captions for a Live Stream, or a Live Event.**&#x20;

**T**o get started you will need OBS and Zip Captions open with an [active broadcast stream](https://help.zipcaptions.app/streaming-captions).

1. In the sources window in OBS, click on the + and choose Browser

<figure><img src="https://1608469805-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCUIvSrSYUotCp2ajUEtk%2Fuploads%2Fl8yY0wFoVxWtpCIoNv2Y%2FScreenshot%202024-04-07%20at%209.10.19%E2%80%AFPM.png?alt=media&#x26;token=14a1c099-dfcd-46f2-b947-1742d7a65eed" alt="" width="563"><figcaption></figcaption></figure>

2. Click OK to the prompt to create a new Browser

<figure><img src="https://1608469805-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCUIvSrSYUotCp2ajUEtk%2Fuploads%2FKdQqjtvn6wwptigVKByz%2FScreenshot%202024-04-07%20at%209.10.32%E2%80%AFPM.png?alt=media&#x26;token=79647b67-9b75-40ab-97d5-982b6082e9d1" alt="" width="563"><figcaption></figcaption></figure>

3. In the URL box enter the following URL, replacing the placeholders with the information from your stream:&#x20;

```
https://zipcaptions.app/stream/[SESSIONID]?joinCode=[JOINCODE]
```

Example:

```
https://zipcaptions.app/stream/9q4r-j2jk?joinCode=ewqe
```

In the height and width, choose a reasonable width for you needs and a height of around 400

Click on **OK**

<figure><img src="https://1608469805-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCUIvSrSYUotCp2ajUEtk%2Fuploads%2FcENwQAypAvjsY5GEt731%2FScreenshot%202024-04-07%20at%209.17.01%E2%80%AFPM.png?alt=media&#x26;token=9f84223f-90b4-4943-911c-37feef88b9e4" alt="" width="563"><figcaption></figcaption></figure>

4. Click on the **Interact** button. \
   \&#xNAN;*If you are using Streamlabs OBS you will need to right click and choose Interact*

<figure><img src="https://1608469805-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCUIvSrSYUotCp2ajUEtk%2Fuploads%2FkMGpVuRRfG584cO2rjFB%2FScreenshot%202024-04-07%20at%209.17.12%E2%80%AFPM.png?alt=media&#x26;token=79829338-d633-44ad-97c5-a9e761454c13" alt="" width="563"><figcaption></figcaption></figure>

5. Now you can use the quick access settings in Zip Captions to set the **On Screen Results** to either 0 or 1, this reduces the lines of captions shown to 1 or 2 lines.&#x20;

<figure><img src="https://1608469805-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCUIvSrSYUotCp2ajUEtk%2Fuploads%2FvGZL1SJ39qoY5q8TbAUD%2FScreenshot%202024-04-07%20at%209.17.27%E2%80%AFPM.png?alt=media&#x26;token=a0095237-b630-43f7-906b-819569b4a0bd" alt="" width="563"><figcaption></figcaption></figure>

6. Finally here, click on the **Fullscreen** button to remove the header and the footer. \
   Click the arrow to hide the quick access settings.

<figure><img src="https://1608469805-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FCUIvSrSYUotCp2ajUEtk%2Fuploads%2FgcyDjV14893ODc3hZGYk%2FScreenshot%202024-04-07%20at%209.17.34%E2%80%AFPM.png?alt=media&#x26;token=46e8d06c-2819-4058-bff6-e0a437b47f18" alt="" width="563"><figcaption></figcaption></figure>

You now have a panel which will show live captions being pulled from your Zip Captions session.&#x20;


---

# Agent Instructions: 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://help.zipcaptions.app/advanced/captioning-with-obs-browser-source.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.
