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

$3

This library wraps a WebRTC source and returns a MediaStream that can be used as a normal MediaStream u get from navigator.mediaDevices.getUserMedia.

The returned MediaStream will have your selected image embeded in the video stream.

$3

* logo
* watermark
* image extracted from a presentation

$3

The code creates an hidden video element and an hidden canvas element

The original MediaStream is played on the hidden video element.

The video element is sampled for images, which are drawn to the hidden canvas.

The logo image is also being drawn to the canvas.

Canvas MediaStream is returned to the calling app.

$3

``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;
})
``

$3

* this library is based on ES6

$3

* chrome 63 (OS X)
* FireFox 57 (OS X)
* Safari 11.0.3 (OS X)

$3

* test & support other browsers/OSs
* implement more plugins