https://github.com/onfranciis/streamforge
Transparent background webcam stream using tensorflow and bodypix on ReactJS
https://github.com/onfranciis/streamforge
bodypix react stream tensorflow tensorflowjs typescript
Last synced: 3 months ago
JSON representation
Transparent background webcam stream using tensorflow and bodypix on ReactJS
- Host: GitHub
- URL: https://github.com/onfranciis/streamforge
- Owner: onfranciis
- Created: 2023-12-13T23:12:23.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-28T19:51:59.000Z (over 1 year ago)
- Last Synced: 2025-02-09T02:42:01.344Z (5 months ago)
- Topics: bodypix, react, stream, tensorflow, tensorflowjs, typescript
- Language: TypeScript
- Homepage: https://streamforge.onfranciis.dev/
- Size: 58.6 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](http://localhost:5173) on your browser to see the project. You can also see this project live at [https://streamforge.onfranciis.dev](https://streamforge.onfranciis.dev).
:exclamation: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 [[email protected]](mailto:[email protected])
      