# 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)](https://3460182399-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwVx6bvwqEE7tD0TYOcfj%2Fuploads%2Fgit-blob-451b9d3d4d0b24facca98d7a6d6dc5c1e4b6a41a%2Fgreen_screen_presenter.jpg?alt=media\&token=6143d69b-94ee-4aed-853e-432aab1ef6fe)

## 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="https://3460182399-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwVx6bvwqEE7tD0TYOcfj%2Fuploads%2Fgit-blob-da0f5ad3a4006009141ec0303d7d51c17fe71ef8%2Ficon_timeline_unselected.png?alt=media&#x26;token=e31b174b-8234-4254-bebb-58f0c39b3680" alt="" data-size="line">).
2. From the panel on the left-hand side, select <img src="https://3460182399-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwVx6bvwqEE7tD0TYOcfj%2Fuploads%2Fgit-blob-b98651caafb53c306344b441591d797308c8f683%2Ficon_ifx.png?alt=media&#x26;token=4b4f10e0-26dc-4925-ba60-254b253bb1f4" 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](https://docs.engagevr.io/engage/advanced-features/using-ifx/adding-ifx "mention").

## Chroma key screen effect options

For instructions on how to access effect options, see [effect-options](https://docs.engagevr.io/engage/experience-editor/working-with-objects/effect-options "mention"). Additional settings depend on whether the chroma key screen uses shared media or an external URL. For more information, see [#shared-media-screen-effect-options](https://docs.engagevr.io/engage/experience-editor/shared-media-screens#shared-media-screen-effect-options "mention") or [#external-url-screen-effect-options](https://docs.engagevr.io/engage/experience-editor/external-url-screens#external-url-screen-effect-options "mention").

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

![Chroma key screen color picker option](https://3460182399-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwVx6bvwqEE7tD0TYOcfj%2Fuploads%2Fgit-blob-578a7e0c4e840dda4fb848c6178fce9458faa933%2Fchroma_color_picker.png?alt=media\&token=f8f04fce-38d2-48f9-b336-74f7e60c8e1f)

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