onfranciis/streamforge

Transparent background webcam stream using tensorflow and bodypix on ReactJS

TypeScript

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

Open http://localhost:5173 on your browser to see the project. You can also see this project live at https://streamforge.onfranciis.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