爲什麼我無法顯示遠程流？

Question

我想讓navig.html中的Alice能夠使用實時視頻流在index.html中調用Seb。

但是在index.html文件中，我無法在index.html文件中顯示Alice的遠程直播流，因爲視頻播放器什麼都不顯示。爲什麼？

這是愛麗絲，她有一個報價（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> 

從Alice接收實時流

感謝您的幫助

Answer 1

哦，如果它會這麼簡單;）。

有了WebRTC，您還需要某種信號協議來交換雙方之間的報價/回答。請檢查可用的許多WebRTC示例中的一個。