Create a dynamic chroma key effect with your camera

利用技術: デバイス, JavaScript, HTML5, Canvas, 動画,

  • 閲覧数 130


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

ソースをダウンロード 190.37 KB · ZIP ファイル

Browse the Source

このデモは Apache ライセンスの下で公開されています。

felipenmoura による他のデモ