Tavus CVI Green Screen Sample App

Subscribes to Replica's Video & Audio Streams

Applies WebGL Chroma Key Green Screen Transparency

INSTRUCTIONS:

1. Create conversation with "apply_greenscreen" property set to true.
2. Enter room URL and click join. The replica's video/audio feed should display with background transparent.
3. Experiment with changing the background color of the page to see what the replica looks like against different colors.

Enter Room URL:

Select Page Background Color:

Chroma key color: rgb(0, 255, 155) Override Tavus Default Chroma Key Color

Edge effects (Tavus default green only)

Adjust these while on a call to reduce green fringe and halos. Disable override above to use.

Premultiply alpha (fixes white/light outline on colored backgrounds) Brightness gating (preserve dark pixels e.g. hair)

Brightness range: 0.35 – 0.45

Chroma key sensitivity: 0.02 – 0.25

Green spill suppression

Spill amount: 0.06