将多个MediaStream转换为1个流

Question

我想将2个不同的MediaStream转换为1个MediaStream。例如：您有一个移动的文本流，我想在网络摄像头流上叠加它。我怎么能这样做？

需要考虑的一些事项： - 我想在网络摄像头上“刻录”移动的文字 - 没有多个录像带 - 我宁愿不使用toDataURL或在画布上渲染然后转换为1个流，因为这是一个巨大的CPU占用。

Answer 1

这个答案取决于尚未实现的功能，并且仍然需要编写规范： 1）获取视频和文本流 2）使用webgl将文本流合并到视频背景上（我认为webgl有可以做到这一点的东西;实际上它是一种绿屏技术 3）将webgl帧转储到画布上 4）**通过canvas.captureStream（）从画布中获取一个媒体流 - 请注意，这还没有实现，甚至没有编写规范，尽管我们都认为这是件好事

或者：如果它是真正的文本，则通过DataChannel并行传送它，并在接收器端将其呈现为文本覆盖。这将在今天起作用并且效率更高。文本的带宽将是最小的。