Javascript webRTC HTML5白板/视频聊天

Javascript webRTC HTML5白板/视频聊天,javascript,node.js,socket.io,webrtc,whiteboard,Javascript,Node.js,Socket.io,Webrtc,Whiteboard,我正在探索使用webRTC、HTML5、socket.io和node.js构建前沿白板应用程序(很像蓝色按钮或Wimba)的选项。这将是一对一的交流。。。一次相互通信的用户不超过两个 我希望使用数据通道在客户端之间传递白板数据,然后在服务器端使用某种侦听器来记录视频/音频/白板操作。服务器侦听器实际上是在窃听白板/音频/视频聊天。换句话说,如果服务器到客户端的连接变得滞后,则不会影响P2P(客户端到客户端)webRTC连接的质量。通过这种方式,服务器可以以较低的优先级记录白板交互,使一对一的聊天

我正在探索使用webRTC、HTML5、socket.io和node.js构建前沿白板应用程序(很像蓝色按钮或Wimba)的选项。这将是一对一的交流。。。一次相互通信的用户不超过两个

我希望使用数据通道在客户端之间传递白板数据,然后在服务器端使用某种侦听器来记录视频/音频/白板操作。服务器侦听器实际上是在窃听白板/音频/视频聊天。换句话说,如果服务器到客户端的连接变得滞后,则不会影响P2P(客户端到客户端)webRTC连接的质量。通过这种方式,服务器可以以较低的优先级记录白板交互,使一对一的聊天交互速度尽可能快


有没有我应该知道的库或javascript框架可以很好地用于共享白板?

免责声明:这个答案已经过时,请参阅如何实现类似的功能


WebRTC仍然非常新,支持也仍然有点不稳定。不用说,没有任何库或框架可以为您做这种事情

您可能想做的是使用WebSocket(使用您已经使用的socket.io)将一些数据从客户端发送到服务器,同时通过WebRTC发送数据

您可以(通过示例上传和示例下载)决定要使用的策略:

  • 使用WebRTC不录制任何内容,或仅在客户端录制,完成后上载到服务器
  • 同时使用WebRTC和WebSockets,仅使用WebSockets将“某些”数据传输到服务器,其中“某些”数据取决于连接所能容纳的内容
  • 只使用WebSocket并将所有数据传输到服务器,不涉及P2P
  • 我认为最可行的选择是第一个和第二个

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


    祝你好运!这听起来是个有趣的主意。我希望我能在几个月内编辑这个答案,并提供一个很长的库和框架列表,让您可以轻松地完成这项工作。

    白板数据应该没有问题。然而,录制视频/音频更有趣。您还没有编辑您的答案:)现在所有这些都可以在您的指尖上完成(使用chrome和nodejs时)。检查以获取webRTC及其设置工作原理的基本示例。发送矢量数据可以通过
    JSON来完成。对坐标进行字符串化,视频可以使用rtpeerconnection进行流式传输。顺便说一句,我不是落选者(即使我的第一个百岁看起来像)