1 回答

TA貢獻1796條經驗 獲得超10個贊
首先,addStream和onaddstream已棄用,在其他瀏覽器中將無法使用。請改用addTrack和ontrack。
第二,時機。
您正在致電peerConn.createOffer(),peerConn.addStream(stream)因此不會接聽曲目。
與peerConn.createAnswer()以前一樣peerConn.addStream(stream)。
最后,混合使用回調和Promise會使這里的順序混亂。嘗試:
const peerConn = new RTCPeerConnection(peerConnCfg);
peerConn.ontrack = function (event) {
alert('new stream added! ' + event.streams[0]);
}
function initiate_call() {
navigator.mediaDevices.getUserMedia({audio: true, video: true})
.then(function (stream) {
localVideo.srcObject = stream;
for (const track of stream.getTracks()) {
peerConn.addTrack(track, stream);
}
return peerConn.createOffer();
})
.then(function (offer) {
// signaling and invite
return peerConn.setLocalDescription(off);
})
.catch(function (err) {
console.log(err.message);
});
}
function accept_send_answer(offer) {
peerConn.setRemoteDescription(offer)
.then(function () {
return navigator.mediaDevices.getUserMedia({audio: true, video: true});
})
.then(function (stream) {
video.srcObject = stream;
for (const track of stream.getTracks()) {
peerConn.addTrack(track, stream);
}
return peerConn.createAnswer();
})
.then(function (answer) {
//signaling to caller and send answer
return peerConn.setLocalDescription(answer);
})
.catch(function (err) {
console.log(err.message);
});
}
請注意,您的代碼(和我的回復)仍然缺少關鍵的內容:候選者交換,并且您沒有顯示setRemoteDescription(answer)代碼來完成協商循環。
請注意,大多數示例都傾向于在兩側使用相同的JS,例如使用iframe postMessage進行信號傳遞的這種工作方式。
添加回答
舉報