greencam
greencam copied to clipboard
a virtual green backdrop for OBS Studio
GreenCam
Special note for version pre-v1.0.0 (online version)
The online version which is hosted on netlify is always up to date. Latest version is pre-v1.0.0
. This new version gives you abitlity to control GreenCam parameters, play with it back and forth until you satisfy with GreenCam's output. Just remember to click on a button - reload model - to refresh and preview your choices. At the end of home page, you'll get a generated URL, which will hide all other controller, make you a clean output for OBS. You can consume this URL in OBS Browser plugin or open in a new tab.
What is GreenCam?
GreenCam is a virtual green backdrop for OBS Studio. Yep! You are not crazy. It basically replaces every thing around you by green color. So that you can use the Chroma Key filter in OBS Studio to put yourself in any other video. GreenCam is powered by a machine learning technology called Tensorflow and its public model BodyPix.
I do a lot of live streaming at home. There is a small living room, a lot of messy stuffs that needs to hide, not much spaces (and *budget) to setup a standard professional studio. I found there are some applications, like XSplit VCam or Chroma Cam, which removes/changes the background of your video, but I don't want to pay them since I can do exactly the same thing for FREE!!
How to use GreenCam with OBS Studio
Follow steps below to setup:
You have 2 ways to use GreenCam, with some trading-offs
- 🚲The easy way
- 🏍️The hard way
Congrats! You have your new webcam with background removed.
Development
Prerequisite
I tested GreenCam with my OBS Studio 26. But you should able to run GreenCam in any version support Browser plugin.
- OBS Studio with Browser plugin enabled
- NodeJS Erbium (12 LTS) or later
- A webcam
Contribute your idea
You need install GreenCam's dependencies first
$ npm install
GreenCam is written in vanilla Javascript, you don't need to build/transpile any thing.
Open index.html
in your favorite browser and make some change as you wish.
✌️ All Pull Requests are welcome!!
Road-map
It is a hack I did at the midnight, then some errors or incompatible problems will happens in your machine. Also, there are a lot of features that may be included in next version of GreenCam, like:
- [x] Custom parameters/algorithm to have smoother, better shapes
- [ ] Custom background color, video
- [ ] Add an editor that can run in browser to test customized parameters and generate a link to run in OBS