webRTC HTML5 白板/视频聊天

Question

我正在探索使用 webRTC、HTML5、socket.io 和 node.js 构建前沿白板应用程序（很像 Big Blue Button 或 Wimba）的选项。这将是一对一的通信......一次最多有两个用户相互通信。

我想使用数据通道在客户端之间传递白板数据，然后在服务器端安装某种可以记录视频/音频/白板操作的侦听器。服务器监听器实际上会窃听白板/音频/视频聊天。换句话说，如果服务器到客户端的连接变得滞后，它不会影响 P2P（客户端到客户端）webRTC 连接的质量。这样，服务器可以以较低的优先级记录白板交互，使一对一聊天交互尽可能高速。

有没有我应该知道的适用于共享白板的库或 javascript 框架？

Answer 1

免责声明：此答案已过时，请参阅 this answer 了解如何完成此类操作。

---

WebRTC 还很新，支持也有点不稳定。不用说，不存在为您做这种事情的库或框架。

您可能想要做的是使用 WebSockets（您已经在使用 socket.io）将一些数据从客户端发送到服务器，同时通过 WebRTC 发送数据。

您可以check how fast the connection is（通过示例上传和示例下载）并决定您要使用哪种策略：

1. 使用 WebRTC 不记录，或仅在客户端记录并在完成后上传到服务器
2. 同时使用 WebRTC 和 WebSockets ，仅使用 WebSockets 将“一些”数据传输到服务器，其中“一些”取决于连接可以容纳的内容。
3. 仅使用 WebSocket 并将所有数据传输到服务器，不涉及 P2P。

我认为最可行的选择是第一个和第二个。

这也很大程度上取决于白板的实现，如果您只是为在白板上绘制的内容传递矢量数据，即使 AJAX 也可以处理负载，但是，如果您正在传递实时视频，我认为除了WebRTC 将有效地处理负载。

祝你好运！这听起来是一个有趣的想法。我希望我能够在几个月内使用一长串库和框架来编辑这个答案，这些库和框架可以让你轻松做到这一点。