bg-removal-bodypix
bg-removal-bodypix copied to clipboard
Published
20 hours ago •
sadn1ck
sadn1ck
🎉 Remove that pesky background from your webcam stream, right in your browser!
Check the live demo here
Moderately good PC needed, might hang on mobile since it does the computation on your browser in realtime.
What is BodyPix?
Answer
👉 Tensorflow Model for segmentation in browser
This model can be used to segment an image into pixels that are and are not part of a person, and into pixels that belong to each of twenty-four body parts. It works for multiple people in an input image or video.
What is the process?
- Used getUserMedia to stream video from webcam
- Passed the video to a segmentation function from the API exposed by BodyPix
- Which returns a mask
- Already set a background on the canvas (on the right)
- Then I use canvas compositing functions to overlay the mask and the video on top of each other, and then stream it to the canvas
For further questions and the documentations, go to the BodyPix Page on GitHub.
sadn1ck