Chroma Key Demo is an example demonstrating chroma key filter in Imaging SDK.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Chroma Key Demo

Chroma Key Demo is an example demonstrating the Imaging SDK chroma key filter.

Tap on the upper original viewfinder to select a chroma key color (for example a green backdrop canvas) and use the color distance slider to adjust the threshold of the color range to be made transparent. Tap on the lower modified viewfinder to toggle between a video background and a "transparent" background.

This example application is hosted in GitHub:

For more information on implementation visit Lumia Developer's Library:

Developed with Microsoft Visual Studio Express for Windows Phone 2012.

Compatible with:

  • Windows Phone 8

Tested to work on:

  • Nokia Lumia 520
  • Nokia Lumia 1020
  • Nokia Lumia 1520


Make sure you have the following installed:

  • Windows 8
  • Windows Phone SDK 8.0
  • Nuget 2.7+

To build and run the sample:

  1. Open the SLN file: File > Open Project, select the solution (.sln postfix) file
  2. Select the target 'Device' and platform 'ARM'.
  3. Press F5 to build the project and run it on device.

If the project does not compile on the first attempt it's possible that you did not have the required packages yet. With Nuget 2.7 or later the missing packages are fetched automatically when build process is invoked, so try building again. If some packages cannot be found there should be an error stating this in the Output panel in Visual Studio Express.

For more information on deploying and testing applications see:

About the implementation

Important folders:

Folder Description
/ Contains the project file, the license information and this file (
ChromaKeyDemo Root folder for the implementation files.
ChromaKeyDemo/Assets Graphic assets like icons and tiles.
ChromaKeyDemo/Properties Application property files.
ChromaKeyDemo/Resources Application resources.

Important files:

File Description
Mainpage.cs Renders camera live feed to an Image removing selected color from the image.

Important classes:

Class Description
MainPage Renders camera live feed to an Image removing selected color from the image.

Known issues



See the license text file delivered with this project:

Background video attribution

The video oceantrip-small.mp4 used in this application is a short clip from The original video is copyright of the "zero-project" ( and licensed under the Creative Commons Attribution 3.0 Unported (CC BY 3.0) license (

Version history

  • 1.1: Second public release of Chroma Key Demo

    • Updated to the latest Imaging SDK version 1.1.177
  • 1.0: First public release of Chroma Key Demo