Combine multiple video streams in to canvas

[congthang1]

Hi,
Any suggestion for implementing combination multiple stream into canvas before streaming?
For example we can combine camera and screen sharing into a canvas.
This should be on shaders and setTexture of gl_canvas?
Thanks.

[davedoesdev]

Hi @congthang1 yes that's the idea, to use WebGL. I haven't had time to provide an example. Also related to #9 (which is really for separate screen sharing stream).

Probably an interesting thing to do, would require some WebGL compositing but a good way to learn (for me at least).

[congthang1]

Hi @davedoesdev I have tried with canvas using context.drawImage to draw multiple stream to a canvas but then when trying to captureStream this canvas the fps become low and cannot send to livestream server.
Seems gl_canvas can help to not drop fps with a single video, can be with multiple videos too

[matbrgz]

Did you find any solution?