リモートストリームを表示できないのはなぜですか？

Question

私はnavig.htmlのAliceをライブビデオストリームでindex.htmlのSebを呼び出すことができます。

index.htmlファイルでは、ビデオプレーヤーに何も表示されないため、私はindex.htmlファイルにアリスのリモートライブストリームを表示できません。どうして ？

これはアリスで、彼女はこれがセブで提供（navig.html）

<video id="video1" controls ></video> 

<script> 

navigator.getUserMedia({audio:true, video:true}, success, error); 


function success(stream) { 
    var video1 = document.querySelector("#video1"); 
    video1.src = URL.createObjectURL(stream) 
    video1.play() 
    //rtcpeer 
    console.log("1") 
    var pc1 = new RTCPeerConnection() 
    pc1.addStream(stream) 
    pc1.createOffer().then(function(desc) { 
     pc1.setLocalDescription(desc) 
     console.log("" + JSON.stringify(desc)) 
    }) 
} 
function error(err) { 
    console.log(err) 
} 



</script> 

を持って、彼はその申し出を使用してアリスからライブストリームを受信したい（index.htmlを）

<video id="video1" controls ></video> 
<textarea></textarea> 
<p onclick="finir()">Fini</p> 

<script> 

function finir() { 
    navigator.getUserMedia({audio:true, video:true}, success, error); 
} 

function success(stream) { 
    var champ = document.querySelector("textarea").value 
    var texto = JSON.parse(champ) 
    console.log(texto) 
    var vid2 = document.querySelector("#video1"); 
    var pc2 = new RTCPeerConnection() 
    pc2.setRemoteDescription(texto) 
    pc2.createAnswer() 
    pc2.onaddstream = function(e) { 
     vid2.src = URL.createObjectURL(e.stream); 
     vid2.play() 
    } 
} 
function error(err) { 
    console.log(err) 
} 



</script> 

助けてくれてありがとう

Answer 1

ああ、それはとても簡単だろう。

WebRTCでは、パーティ間でオファー/アンサーを交換するための何らかの種類のシグナリングプロトコルも必要です。利用可能なWebRTCのサンプルを確認してください。