Chroma Key Demo is a Nokia Developer example demonstrating the Nokia 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: https://github.com/nokia-developer/chroma-key-demo/
For more information on implementation visit Nokia Lumia Developer's Library: http://developer.nokia.com/Resources/Library/Lumia/nokia-imaging-sdk/sample-projects/chroma-key-demo.html
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:
- Open the SLN file: File > Open Project, select the solution (.sln postfix) file
- Select the target 'Device' and platform 'ARM'.
- 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: http://msdn.microsoft.com/library/windowsphone/develop/ff402565(v=vs.105).aspx
Important folders:
| Folder | Description |
|---|---|
| / | Contains the project file, the license information and this file (README.md) |
| 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. |
None.
See the license text file delivered with this project: https://github.com/nokia-developer/chroma-key-demo/blob/master/License.txt
The video oceantrip-small.mp4 used in this application is a short clip from http://www.youtube.com/watch?v=nzgfOBTNye0. The original video is copyright of the "zero-project" (http://www.zero-project.gr/) and licensed under the Creative Commons Attribution 3.0 Unported (CC BY 3.0) license (http://creativecommons.org/licenses/by/3.0/).
| Project | Release | Download |
|---|---|---|
| Chroma Key Demo | v1.1 | chroma-key-demo-1.1.zip |
-
1.1: Second public release of Chroma Key Demo
- Updated to the latest Nokia Imaging SDK version 1.1.177
-
1.0: First public release of Chroma Key Demo