將多個MediaStream轉換爲1個流

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

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

2014-09-19 Xavier Geerinck

您可以將媒體流附加到兩個獨立的視頻元素，然後絕對地將它們放在彼此的頂部。 – 2014-09-25 14:33:14

我不想使用多個媒體流，如我的問題所述。我的應用程序需要專門使用1個流來最小化帶寬。 – 2014-09-25 18:04:58

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

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

來源

2014-09-27 05:48:47 jesup

將多個MediaStream轉換爲1個流

回答

相關問題