client side WebRTC lib to add an image / watermark on the MediaSource Edit
npm install webrtcshitblt
#### Live demo at https://asafrob.github.io/WebRtcShitBlt/
image show a smaple use of a video captured by WebRTC with an embeded image (brown/yellow) on the top left corner
!alt text
javascript
// the constanint object defaults to {video: true, audio: true} but to save u the echo...
var sb = new WebRtcSB({video:{width:640, height:480}, audio: false});
// create manipulation objects. they will be processed in the order you supply them.
// in current live demo u will get 4 images
var imgCopy = new ImageCopy();
var imgAdd = new ImageAdd('sb.png', 10, 10, 50, 50);
sb.setManipulators([imgCopy, imgAdd]); sb.sbStartCapture()
.then((stream)=>{
document.getElementById('myVideo').srcObject = stream;
})
``