Javascript 将多个媒体流转换为一个流

我想将2个不同的媒体流转换为1个媒体流。例如：您有一个移动的文本流，我想将其覆盖在网络摄像头流上。我怎样才能做到这一点

需要考虑的一些事项： -我想在网络摄像头上“刻录”移动的文本 -没有多个录像带

---

-我不希望使用toDataURL或在画布上渲染，然后转换为1个流，因为这是一个巨大的CPU消耗。

这个答案取决于尚未实现的功能，规范仍在编写中： 1） 获取视频和文本流 2） 使用webgl将文本流合并到视频背景上（我认为webgl有一些东西可以做到这一点；实际上这是一种绿色屏幕技术） 3） 将webgl框架转储到画布 4） **通过canvas.captureStream（）从画布获取mediastream--注意，目前还没有这方面的实现，规范甚至还没有编写，尽管我们都同意这是一件好事

---

或者：如果它是真正的文本，则通过数据通道并行发送，并在接收方将其渲染为文本的文本覆盖。这将在今天起作用，而且效率更高。文本的带宽将是最小的。

您可以将媒体流附加到两个单独的视频元素上，然后将它们绝对放置在彼此的顶部。我不想使用问题中提到的多个媒体流。我的应用程序需要专门使用1个流来最小化带宽。