muaz-khan / MultiStreamsMixer

MultiStreamsMixer is a JavaScript library that allows you pass multiple streams (e.g. screen+camera or multiple-cameras) and get single stream.

Home Page:https://www.webrtc-experiment.com/MultiStreamsMixer/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Screen size

jersobh opened this issue Β· comments

Hi Muaz,

Great job there πŸ‘

Idk how to "fit" the captured video. I'm capturing two sources, following your example

screenStream.fullcanvas = true;
screenStream.width = screen.width; // or 3840
screenStream.height = screen.height; // or 2160

cameraStream.width = parseInt((20 / 100) * screenStream.width);
cameraStream.height = parseInt((20 / 100) * screenStream.height);
cameraStream.top = screenStream.height - cameraStream.height;
cameraStream.left = screenStream.width - cameraStream.width;

var mixer = new MultiStreamsMixer([screenStream, cameraStream]);

But then I got the whole screen in just half of the video, like this https://imgur.com/a/zzsWnEJ

Nevermind, it was meant to be screenStream.stream.fullcanvas = true in my case. Thank you!