javascript - 如何在 WebRtc 中流式传输 Canvas 元素？

Question

我在搜索 WebRtc 时在 GitHub 上找到了这个很棒的项目:

https://github.com/mexx91/basicVideoRTC

两个摄像头之间的通信使用 node.js 效果很好。

是否可以在流式传输 getuserMedia 之前在 canvas 元素中对其进行修改，从而流式传输该对象？

谢谢

Answer 1

目前看来这在跨浏览器兼容的方式下是不可能的。

但它可能在未来，您可以瞥见最近的 Firefox 浏览器实现的 HTMLCanvasElement.captureStream 接口(interface)，参见 https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/captureStream .

它允许您将 Canvas 的内容捕获到一个流中，然后可以通过 WebRTC 将其发送给您的对等体。