> For the complete documentation index, see [llms.txt](https://docs.engagevr.io/engage/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.engagevr.io/engage/experience-editor/videos-and-screens/chroma-key-screens.md).

# Chroma key screens

Chroma key screens display a chosen color as transparent. You can use these screens with what are commonly referred to as green-screen videos. For example, you can record a person against a solid color background, and then, when you play that video on a chroma key screen, they will appear as though they are standing in the environment.

![Example video on chroma key screen (left) and standard screen (right)](/files/JT5t4qEriCMEhWjJui6r)

## Adding a chroma key screen to an experience

1. If the timeline view isn't active in the editor panel, select the timeline icon (<img src="/files/27TqEemJlgqsBCre7AcG" alt="" data-size="line">).
2. From the panel on the left-hand side, select <img src="/files/IoOEPZLPOKWyDb5ynAZd" alt="" data-size="line"> **IFX**.
3. From the library of IFX, select a screen that includes **chroma key** in its title.
4. Place the IFX in the environment. For more information about the controls that are available when you add an IFX, see [Adding IFX](/engage/advanced-features/using-ifx/adding-ifx.md).

## Chroma key screen effect options

For instructions on how to access effect options, see [Effect options](/engage/experience-editor/working-with-objects/effect-options.md). Additional settings depend on whether the chroma key screen uses shared media or an external URL. For more information, see [Shared media screens](/engage/experience-editor/videos-and-screens/shared-media-screens.md#shared-media-screen-effect-options) or [External URL screens](/engage/experience-editor/videos-and-screens/external-url-screens.md#external-url-screen-effect-options).

All chroma key screens include an option to set which color in the video will be transparent.

![Chroma key screen color picker option](/files/Ztp0wfD56wlhvI5CF8oy)

* To set the transparency color, select **Choose Color**, select a color in the **Color Picker**, and then select **OK**.


---

# 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.engagevr.io/engage/experience-editor/videos-and-screens/chroma-key-screens.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.