Create a dynamic chroma key effect with your camera

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

  • 閲覧数 295
  • コメント数 0


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.


Log in to add your own.

About this Demo

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

Browse the Source

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

felipenmoura による他のデモ