Wie streame man einen WebGL-Canvas mit WebRTC?

Ich habe eine WebGL Canvas Rendering ein 3D Hologramm Bild mit Three.js und ich möchte es als Video zu einem anderen PC streamen.Wie streame man einen WebGL-Canvas mit WebRTC?

Ich habe bereits den folgenden Code ausprobiert und hat nicht funktioniert.

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;

Ist es möglich, WebGl Canvas mit WebRTC zu streamen?

Quelle

2016-05-22 Patricia

dies ist noch nicht vollständig in Chrome unterstützt (Firefox sollte seit 43 arbeiten), benötigen Sie "Experimental Web Platform Funktionen" in chrome: // Flags. Ein klassisches Teekannenbeispiel finden Sie unter this demo.

Quelle

2016-05-22 17:33:00

Genau. Ich stütze meinen Code auf dieser Teekanne ohne die Peer-Verbindung [Link hier] (https://github.com/webrtc/samples/tree/gh-pages/src/content/capture/canvas-video). Ich weiß nicht, ob ich mehr als das tun muss, aber auf der main.js habe ich nur den Code, den ich geschrieben habe und einen Aufruf für die Hauptmethode von demo.js, die ich nicht verstehe, was sie tut. – Patricia

Oh mein Gott! Mein Code funktioniert gut. Aus irgendeinem Grund wurde das Video unter der Leinwand platziert, also dachte ich, dass es nicht funktionierte. Danke für den Versuch zu helfen. – Patricia

Wie streame man einen WebGL-Canvas mit WebRTC?

Antwort

Verwandte Themen