WebRTC - ist es möglich, ein Browser-Proxy-Video von einer Quelle zu einem Empfänger zu haben?

Question

Zum Beispiel:

• Browser A Video
• Browser B ausgestrahlt wird, ein Mann mittleren
• Browser C das Video

Ist es möglich, so etwas wie dies empfängt zu tun, wo Browser B fungiert als Vermittler zwischen A und C?

Zweitens, wäre es für B möglich, das ausgestrahlte Video von A und an C weiterzuleiten?

Answer 1

Sicher funktioniert das gut. (Verwenden Sie https fiddle für Chrome):

function Hop() { 
 
    this.pc1 = new RTCPeerConnection(); 
 
    this.pc2 = new RTCPeerConnection(); 
 

 
    var add = (pc, can) => can && pc.addIceCandidate(can).catch(log); 
 
    this.pc1.onicecandidate = e => add(this.pc2, e.candidate); 
 
    this.pc2.onicecandidate = e => add(this.pc1, e.candidate); 
 
    this.pc2.oniceconnectionstatechange = e => log(this.pc2.iceConnectionState); 
 
}; 
 
Hop.prototype.send = function(stream) { 
 
    this.pc1.addStream(stream); 
 
    return Promise.all([ 
 
    new Promise(resolve => this.pc2.onaddstream = resolve), 
 
    this.pc1.createOffer() 
 
     .then(offer => this.pc1.setLocalDescription(offer)) 
 
     .then(() => this.pc2.setRemoteDescription(this.pc1.localDescription)) 
 
     .then(() => this.pc2.createAnswer()) 
 
     .then(answer => this.pc2.setLocalDescription(answer)) 
 
     .then(() => this.pc1.setRemoteDescription(this.pc2.localDescription)) 
 
    ]) 
 
    .then(results => results[0].stream); 
 
}; 
 

 
var AtoB = new Hop(), BtoC = new Hop(); 
 

 
navigator.mediaDevices.getUserMedia({ video: true }) 
 
    .then(stream => AtoB.send(v1.srcObject = stream)) 
 
    .then(stream => BtoC.send(v2.srcObject = stream)) 
 
    .then(stream => v3.srcObject = stream) 
 
    .catch(e => log(e)); 
 

 
var log = msg => div.innerHTML += msg + "<br>";

<video id="v1" height="120" width="160" autoplay muted></video> 
 
<video id="v2" height="120" width="160" autoplay></video> 
 
<video id="v3" height="120" width="160" autoplay></video><br> 
 
<div id="div"></div> 
 
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>

Sie so viele Hopfen erstellen können, wie Sie möchten.