Skip to content

Transparent background webcam stream using tensorflow and bodypix on ReactJS

Notifications You must be signed in to change notification settings

onfranciis/streamforge

Repository files navigation

Streamforge


This repository holds a demo code of how to segment a webcam stream and make the background transparent using Tensorflow and Bodypix model.

You can ;

  • Switch between multiple webcams
  • Change background color
  • Add your own background image

This is built using

  • Tensorflow
  • BodyPix
  • ReactJs
  • SCSS (A CSS Preprocessor)
  • TypeScript

Resources

  • Netlify (Hosting)
  • VS Code Insiders (IDE)

Install Locally

To install this project locally

  • Navigate to your working directory in your terminal and run git clone https://github.com/onfranciis/streamforge
  • Navigate to streamforge and run
npm run dev
or
yarn dev

❗PORT 5173 might not be available for you, so check your terminal output to confirm the exposed port.


If you like this repository, kindly give it a star 🌟

For enquiries, support or more, contact hello@onfranciis.dev

TensorFlow React TypeScript SASS VS Code Insiders Linux Netlify