What browsers are supported?

[trackedsupport]

Right now I'm trying to support every browser except Safari. It looks like Firefox needs mozCaptureStream or else this breaks. If I change the code to use that then it breaks const stream = blackSilence(); trying to get the stream with a TypeError.

I'll keep seeing if I can get it to work but do you know of any other issues with Firefox or other browsers?

[QVDev]

No I am not aware of any other issues on other browsers. We probably need some logic to support other browser along with chrome.

We can check the browsee upfront and than decide what we need to use.

blackSilence() 

Can be adjustes/extendes to support mozilla browser

[trackedsupport]

I can take a look to see if I can figure it out.

Do you know if this method with the caprureStream has any degradation in audio or video quality?

[QVDev]

No quality etc is handled by your constraints so I dont expect lower quality.

[trackedsupport]

Have you seen this before? https://github.com/muaz-khan/MultiStreamsMixer

Not sure how the implementation is different.

[QVDev]

I know it and its widely used. But we solve different issues.

The multistreammixer uses canvas to layout multiple streams into on stream by placing them on a canvas. So you can have a sharescreen with a small webcam on the bottom right corner for instance.

What StreamSwitcher solves is switching full streams without need to pause video and keep recording.

If you are looking for something to mix two streams into one have a look at

https://github.com/bbc/VideoContext

That is wat more performant as it uses webgl I believe. So if you do heavy lifting and want to mix streams you best go is to use bbc VideoContext.

See her for my repo demo to add lots of video into one stream using videocontext

https://qvdev.github.io/video_mux_rec/all.html

And here is the repo

https://github.com/QVDev/video_mux_rec

What wont work with the one you mentioned due to canvas

[QVDev]

@trackedsupport what are you trying to solve / trying to do?

[QVDev]

@trackedsupport also see https://qvdev.github.io/video_mux_rec/

that is screen share with smaller webcam stream at right bottom corner

And that you can record as well and has good performance

[trackedsupport]

oh dang, I thought the stream mixer would allow me to switch streams on the mixer while keeping the same stream with the recorder. All this stuff is new to me.

I want the ability to switch the video stream to a different camera or to a screen share while still recording locally in high quality. Right now with Iris there's an issue that if you switch your camera or mic during the recording it stops and I want to be able to add screen share soon too.

[QVDev]

@trackedsupport than StreamSwitcher is what you want. It avoids the mediarecorder to stop

[trackedsupport]

Alrright thanks for the help. Ill focus on getting this to work on other browsers.

First thing I noticed was that the supported method checks HTMLVideoElement.prototype.captureStream but the captureStream used in the code is on a canvas element so it should be HTMLCanvasElement.prototype.captureStream right?

[QVDev]

StreamSwitcher does not use canvas so can directly do capture stream on the videobject as in the demo

[trackedsupport]

oh okay - I guess I just don't understand enough yet! I only said that because I saw this.

StreamSwitcher/js/ReplaceableMediaStream.js

Line 31 in 5e5ab14

let stream = canvas.captureStream();

[trackedsupport]

Right now im not directly supporting Safari but I would like to since its so close to working.

If I get this to work with Firefox, which I believe it can, it still wont work with Safari right?

https://caniuse.com/?search=captureStream

[QVDev]

oh okay - I guess I just don't understand enough yet! I only said that because I saw this.

StreamSwitcher/js/ReplaceableMediaStream.js

Line 31 in 5e5ab14

let stream = canvas.captureStream();

That canvas is the blackstream empty one not from the videos. The empty / silence stream is for initial.setup

[QVDev]

Right now im not directly supporting Safari but I would like to since its so close to working.

If I get this to work with Firefox, which I believe it can, it still wont work with Safari right?

https://caniuse.com/?search=captureStream

Indeed capturestream is not supported by safari. Question if it ever will be