將多個MediaStream轉換爲1個流

Question

我想將2個不同的MediaStream轉換爲1個MediaStream。例如：您有一個移動的文本流，我想將它覆蓋在網絡攝像頭流上。我將如何能夠做到這一點？

有些事情要考慮： - 我想「燒」上的攝像頭 頂部的移動文字 - 無多videotracks - 我寧可不使用toDataURL或呈現在畫布上，然後轉換爲1因爲這是一個巨大的CPU豬。

Answer 1

這個答案取決於功能尚未實現，並且該規範仍然是被書寫： 1）獲得的視頻和文本流 2）使用WebGL的文本流合併到視頻背景（我相信3）將webgl框架轉儲到畫布上4）**通過canvas.captureStream（）從畫布中獲取媒體流 - 注意，沒有實現存在用於實現這個功能的東西;有效地，它是一種綠屏技術 這還沒有，並且規範甚至沒有寫入，雖然我們都同意這是件好事

或者：如果它是真正的文本，請將其並行傳輸到DataChannel並在接收端將其渲染爲文本覆蓋日e。這將在今天起作用並且更有效率。文本的帶寬將很小。