如何使用 WebRTC 流式传输 webGL 画布？

【问题标题】：How to stream a webGL canvas with WebRTC?如何使用 WebRTC 流式传输 webGL 画布？
【发布时间】：2016-05-22 16:54:40
【问题描述】：

我有一个使用 Three.js 渲染 3D 全息图像的 webGL 画布，我想将其作为视频流式传输到另一台电脑。

我已经尝试了下面的代码，但没有成功。

  var gl = renderer.getContext();       //get webGl context 
  var canvas = gl.canvas;               //get gl's canvas 

  var video = document.querySelector('video');
  var stream = canvas.captureStream();
  video.srcObject = stream;

是否可以使用 WebRTC 流式传输和 webGl 画布？

【问题讨论】：

标签： three.js webgl webrtc

【解决方案1】：

Chrome 尚不完全支持此功能（Firefox 应该从 43 开始工作），您需要 chrome://flags 中的“实验性 Web 平台功能”。请参阅this demo 了解经典茶壶示例。

【讨论】：

没错。我的代码基于这个茶壶，没有对等连接link here。我不知道我是否需要做更多的事情，但是在 main.js 上，它只有我编写的代码和对 demo.js 的 main 方法的调用，我不明白它的作用。
天哪！我的代码工作得很好。由于某种原因，视频被放在画布下面，所以我认为它不起作用。感谢您提供帮助。