Javascript 如何在WebRtc中传输画布元素？

我在搜索WebRtc，在GitHub上发现了这个伟大的项目：

使用node.js，两台摄像机之间的通信效果非常好

在流化getuserMedia之前，可以在画布元素中修改它并流化该对象吗

谢谢

通过getUserMedia（）方法，我们可以分别通过麦克风和网络摄像头获取编解码器格式的音频和视频流

在用户视频的url中转换此编解码器格式后，它将被分配到视频元素下的源标记中，以生成完整的视频

因此，我们从getUserMedia（）api获得的视频与其他常见视频类似，例如：-

<video width="320" height="240" controls>
  <source src="http://www.w3schools.com/tags/movie.mp4" type="video/mp4">
  <source src="http://www.w3schools.com/tags/movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

您的浏览器不支持视频标记。

---

所以你们可以一起做关于视频和画布元素的各种事情。我们可以在网站上找到这方面的好例子

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

但可能在将来，您可以浏览一下最近Firefox浏览器实现的

HTMLCanvasElement.captureStream

界面，请参阅

---

它允许您将画布的内容捕获到一个流中，然后可以将wia WebRTC发送给您的对等方。

您希望以何种方式修改画布元素中的getuserMedia？我希望应用任何过滤器，如黑白或更改亮度。首先，简单的事情。请看一下答案。谢谢你的答案。但问题不只是自己修改相机，而是如何修改并流式传输到对等网络中连接的其他设备。如果我没有错，您希望在两侧修改对等网络的视频？您可以像其他API一样，在画布中使用视频流来修改它，但这并不影响通过WebRTC协议发送的流式视频。