Javascript 将视频流/图像发送到websocket服务器

我正在开发一个处理图像的应用程序。拥有一个HTML前端，我必须从网络摄像头（使用视频标签）捕获图像，并将其连续发送到服务器。然后，将对图像进行分析，并在检测到对象时（x、y、z）将点发送回客户端

我现在有两个近似值：

1.-不断捕获帧（使用不可见的画布并在那里加载帧），并使用Base64编码将其发送到服务器。（例如）
优点：
-易于实施。

缺点：
-非常慢。许多图像将被连续发送，并且应快速处理。（在这种情况下，图像到达时必须保存，并在处理后删除）

2.-发送视频流并处理服务器中的所有帧。
优点：
-数据发送速度非常快。

缺点：
-复杂的。我不知道如何实现它。

---

有关于如何制作的提示吗？

首先，您不应该使用WebSocket，因为它是一种解决方法。 您最好使用WebRTC，它将直接从网络摄像机捕获帧，然后在VP8编解码器中对帧进行编码并发送到服务器

因此，在服务器端，您可以使用libvp8解码图片并识别所需的对象。因此，您所需要的只是一个服务器，它能够接收WebRTC流并访问解码后的图片进行进一步处理