将多个MediaStream转换为1个流

Question

我想将2个不同的MediaStream转换为1个MediaStream。例如：您有一个移动的文本流，我想将它覆盖在网络摄像头流上。我将如何能够做到这一点？

有些事情要考虑： - 我想“烧”上的摄像头 顶部的移动文字 - 无多videotracks - 我宁可不使用toDataURL或呈现在画布上，然后转换为1因为这是一个巨大的CPU猪。

Answer 1

这个答案取决于功能尚未实现，并且该规范仍然是被书写： 1）获得的视频和文本流 2）使用WebGL的文本流合并到视频背景（我相信3）将webgl框架转储到画布上4）**通过canvas.captureStream（）从画布中获取媒体流 - 注意，没有实现存在用于实现这个功能的东西;有效地，它是一种绿屏技术 这还没有，并且规范甚至没有写入，虽然我们都同意这是件好事

或者：如果它是真正的文本，请将其并行传输到DataChannel并在接收端将其渲染为文本覆盖日e。这将在今天起作用并且更有效率。文本的带宽将很小。