javascript - webrtc 在一侧流式传输视频并在另一侧接收？ html5

Question

我想知道是否可以像下面这样从客户端捕获视频输入 https://apprtc.appspot.com/?r=91737737 , 并将其显示在另一台上以便任何观众都可以看到它，我的问题是我的第二台计算机上没有网络摄像头，我想使用 webrtc 接收视频。是否可以从一端捕获并在另一端捕获？也许如果这不可能的话，websockets 是最好的方法吗？

Answer 1

除了性能/带宽问题导致的不完美之外，我看不出有什么理由不可能。

目前最受支持的 HTML5 解决方案我想是使用 getUserMedia这是available on Chrome (考虑 getUserMedia.js 以获得对相机输入的更广泛支持，尽管我没有使用过它)

场景

我们将有一个捕获器、一个广播流的服务器和接收最终流的观察者。

计划

捕获阶段

1. 使用 getUserMedia 从摄像头获取数据
2. 在 Canvas 上绘制它(也许你可以跳过这个)
3. 使用 websockets(例如通过 socket.io 以获得更广泛的支持)以图像数据格式将帧发布到服务器(例如 node.js)。

广播阶段

1. 接收图像数据并广播给订阅的观察者

观察阶段

1. watcher 将与服务器建立 websocket 连接
2. 在从服务器接收到的每个新帧上，它都必须将接收到的帧绘制到 Canvas 上

注意事项

1. 您应该考虑到网络性能会影响播放。
2. 您可以在客户端强制执行 FPS 速率以避免播放速度不稳定。
3. 如果缓冲池适合您的情况以实现更流畅的播放，那就太好了。

future

你可以使用 PeerConnection API , MediaSource API当它们可用时，因为这就是制作它们的原因，尽管这可能会增加 CPU 使用率，具体取决于浏览器的性能。