使用 WebRTC 从画布元素流式传输视频

Question

我正在使用 WebRTC 进行点对点视频通信，并且我想在将其发送到远程对等点之前将视频过滤器应用于本地网络摄像头视频。

我正在考虑的方法是将本地网络摄像头视频发送到画布元素，我将在其中对视频应用 JavaScript 过滤器。然后我想使用 WebRTC 将视频从 canvas 元素流式传输到对等点。但是，我不清楚这是否可能。

是否可以使用 WebRTC 从画布元素流式传输视频？如果是这样，该怎么办？或者，我是否可以考虑使用其他方法来实现我的目标？

Answer 1

现在是 2020 年 4 月；你可以用canvas.captureStream()方法来实现这一点。

有一篇关于如何使用它的优秀文章，以及 github 上的几个演示。请参阅以下链接：

因此，基本上，您可以在画布上应用所有转换，并从画布流式传输到远程对等点。