Three.js 如何使用WebRTC流式传输webGL画布?

Three.js 如何使用WebRTC流式传输webGL画布?,three.js,webgl,webrtc,Three.js,Webgl,Webrtc,我有一个webGL画布,使用Three.js渲染3D全息图图像,我想将其作为视频流传输到另一台pc 我已经尝试了下面的代码,但没有成功 var gl = renderer.getContext(); //get webGl context var canvas = gl.canvas; //get gl's canvas var video = document.querySelector('video'); var stream =

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

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

  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画布?

这在Chrome中还不完全支持(Firefox应该从43年起就可以工作),您需要在中使用“实验性Web平台功能”chrome://flags.
有关经典茶壶的示例,请参见。

完全正确。我的代码基于这个茶壶,没有对等连接。我不知道我是否还需要做更多的工作,但是在main.js上,它只有我编写的代码和对demo.js主方法的调用,我不知道它的功能。哦,我的天哪!我的代码运行得很好。由于某种原因,视频一直在画布下面,所以我认为它不起作用。谢谢你的帮助。