Exploration and examples of the 5 different ways you can save an image from your webcam in JavaScript in 2022. Includes canvas.toBlob, OffscreenCanvas, createImageBitmap, ImageCapture, and ReadableStreams / MediaStreamTrackProcessor
breakout box
How to add virtual background transparency in WebRTC
There is a cool new feature everyone has been trying to implement – background transparency. Virtual backgrounds have been around for a while. Rather than inserting a new background behind user(s), transparency removes the background altogether, allowing the app to place users over a screen share or together in a shared environment. There doesn’t seem […]
Making Zoom’s Smart Gallery on the Web with MediaPipe and BreakoutBox
How to seperate multiple people in the same camera feed into their own unique video streams that can be individually transmitted Google’s MediaPipe and the W3C’s new MediaStreamTrack API