從html5畫布到視頻

Question

我正在做的是某種視頻會議工具。我最近在做一些關於視頻處理的研究，並且通過將視頻元素與畫布結合使用似乎是直接的。但是，我正在使用WebRTC將視頻流傳輸到所有連接的客戶端，爲此我需要MediaStream。所以我正在尋找一種方法從canvas元素中檢索MediaStream。 在我的路上，我在這裏找到了一個名爲Whammy http://antimatter15.com/wp/2012/08/whammy-a-real-time-javascript-webm-encoder/的項目，它從畫布上創建了一個視頻文件，但據我瞭解，它不適用於實時流式傳輸。

一種替代方法是通過向遠程客戶端發送視頻流以及如何處理它的信息來進行視頻處理。然而，對於少數客戶來說，這可能會工作得很好，但是對於多用戶會議，我覺得它不會擴展，因爲實時視頻處理仍然是一項計算密集型工作。每個客戶端都必須處理來自所有連接客戶端的所有視頻流。

對我來說，它看起來像一條單行道。將視頻內容放入畫布很容易，反之亦然。我想，可能有一個從canvas元素創建MediaStream的庫，但我什麼也沒找到。任何想法如何實現？

最佳， 費利克斯

Answer 1

因爲這個問題被張貼，一直存在並不多，但在這方面有一點進步。

MediaStream Recording標準允許使用MediaRecorder API將流（例如WebRTC）記錄到視頻文件格式中。

它應該與最近的Firefox以及Chrome（僅限視頻）一起使用，通過實驗性標誌（chrome：// flags - >Experimental Web Platform features）啓用後者。

另請參閱this resource for examples。