Create a dynamic chroma key effect with your camera

Built using Device, JavaScript, HTML5, Canvas, Video,


More About This Demo From The Author

Chroma key is a technique that removes pixels that match with a given color from a scene.
This way, movies and ads can pretend actors are in a very different place, when they are actually in a green room.

This demos uses:
- canvas
- video
- getUserMedia
- input of type range

Use the range input to change the depth/sensitivity of the effect.
Click on the image coming from your camera to specify the color you want to remove.

About this Demo

Download the Source 190.37 KB · ZIP File

Browse the Source

This demo is released under the Apache license.

More by felipenmoura