# Transparent background

You can accomplish transparent background in your stream by using direct transparency in OBS or Chroma key.

### Direct Transparency

![](https://3191365076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSL2RoZggq07owTVGKh5l%2Fuploads%2FJ7YqNECGMVXjVvlrhfxu%2Fimage.png?alt=media\&token=7f918974-b050-4e71-abaa-03d07e0bca39)

1. Go to the colour picker on the navigation bar and select the transparency swatch.
2. The background will show as white but it will appear transparent in OBS.
3. Next go to OBS and add your video source
4. Right click on the video source and select ‘Filter’.
5. Click the ‘+’ under the ‘Effects Filters’ section, then select ‘Chroma Key’.
6. Enter a name for the effect layer and set the ‘Key Color Type’ to match your chosen colour.

### Chroma Key

![](https://3191365076-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSL2RoZggq07owTVGKh5l%2Fuploads%2FkCyKJynQLeySJ1D0cgkj%2Fimage.png?alt=media\&token=e6f5bc90-d63a-442e-b4c0-b8da583f55c8)

1. Go to the colour picker on the navigation bar and select a neon green, magenta or blue background colour. Be sure to choose a colour that is not present in your model.
2. Next go to OBS and add your video source
3. Right click on the video source and select ‘Filter’.
4. Click the ‘+’ under the ‘Effects Filters’ section, then select ‘Chroma Key’.
5. Enter a name for the effect layer and set the ‘Key Color Type’ to match your chosen colour.

{% hint style="info" %}
When adding a chroma key OBS will automatically generate some baseline settings. Experiment and fine tune these settings to get the best results.
{% endhint %}

*We are currently in early development and are working to improve our product. If you have suggestions for us or notice any issues please contact us at* [*app@avatech.gg*](https://app.gitbook.com/u/WiA7dDXUzOYXyhVK2Bg3BXV7ElI3) *or join our* [*Discord*](http://discord.gg/uTfAaDYQVM)*.*


---

# 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://playground-docs.gitbook.io/playground/layout-and-background/transparent-background.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.