通过WebRTC的一对一呼叫不工作，setRemoteDescription错误
One - to - one call via WebRTC not work, setRemoteDescription error
我根据教程-> https://bitbucket.org/webrtc/codelab编写了一个代码。不幸的是，它只起一半的作用，甚至。现在，在打开第一个选项卡并允许相机操作之后，控制台抛出:
This appears to be Chrome adapter.js:79
Create or join to room myroomname CallToUser.js:50
>>> Room myroomname has 0 client(s) CallToUser.js:74
>>> Request to create or join room myroomname CallToUser.js:74
Created room myroomname CallToUser.js:55
Adding local stream CallToUser.js:34
Client sending a message: got user media CallToUser.js:84
>>> Got message: got user media
一旦打开，而其他选项卡，这抛出:
This appears to be Chrome adapter.js:79
Create or join to room myroomname CallToUser.js:50
>>> Room myroomname has 1 client(s) CallToUser.js:74
>>> Request to create or join room myroomname CallToUser.js:74
User joined to room myroomname CallToUser.js:69
Adding local stream CallToUser.js:34
Client sending a message: got user media CallToUser.js:84
>>> Got message: got user media CallToUser.js:74
Client received a message: [object Object] CallToUser.js:94
Uncaught TypeError: Cannot call method 'setRemoteDescription' of undefined CallToUser.js:102
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
Client received a message: [object Object] CallToUser.js:94
与第一个控制台相反，添加到代码中:
Another peer made request to join myroomname CallToUser.js:64
Client received a message: got user media CallToUser.js:94
Start call CallToUser.js:179
Client sending a message:
RTCSessionDescription {sdp: "v=0
↵o=- 2709183428323234981 2 IN IP4 127.0.0.1
↵s…8046 label:2f2f7c33-be63-4cff-8341-eabf2a30a775
↵", type: "offer"}
CallToUser.js:84
>>> Got message:
Object {sdp: "v=0
↵o=- 2709183428323234981 2 IN IP4 127.0.0.1
↵s…8046 label:2f2f7c33-be63-4cff-8341-eabf2a30a775
↵", type: "offer"}
CallToUser.js:74
Client sending a message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:2999745851 1 udp 2113937151 192.168.56.1 60969 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:2999745851 2 udp 2113937151 192.168.56.1 60969 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:3013953624 1 udp 2113937151 192.168.1.100 60970 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:3013953624 2 udp 2113937151 192.168.1.100 60970 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:2999745851 1 udp 2113937151 192.168.56.1 60969 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:2999745851 2 udp 2113937151 192.168.56.1 60969 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:3013953624 1 udp 2113937151 192.168.1.100 60970 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:3013953624 2 udp 2113937151 192.168.1.100 60970 typ host generation 0
↵"} CallToUser.js:84
>>> Got message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:2999745851 1 udp 2113937151 192.168.56.1 60969 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:2999745851 2 udp 2113937151 192.168.56.1 60969 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:3013953624 1 udp 2113937151 192.168.1.100 60970 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:3013953624 2 udp 2113937151 192.168.1.100 60970 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:2999745851 1 udp 2113937151 192.168.56.1 60969 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:2999745851 2 udp 2113937151 192.168.56.1 60969 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:3013953624 1 udp 2113937151 192.168.1.100 60970 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:3013953624 2 udp 2113937151 192.168.1.100 60970 typ host generation 0
↵"} CallToUser.js:74
Client sending a message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:4233069003 1 tcp 1509957375 192.168.56.1 0 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:4233069003 2 tcp 1509957375 192.168.56.1 0 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:4233069003 1 tcp 1509957375 192.168.56.1 0 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:4233069003 2 tcp 1509957375 192.168.56.1 0 typ host generation 0
↵"} CallToUser.js:84
>>> Got message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:4233069003 1 tcp 1509957375 192.168.56.1 0 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:4233069003 2 tcp 1509957375 192.168.56.1 0 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:4233069003 1 tcp 1509957375 192.168.56.1 0 typ host generation 0
↵"} CallToUser.js:74
Client sending a message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:4247172264 1 tcp 1509957375 192.168.1.100 0 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:4247172264 2 tcp 1509957375 192.168.1.100 0 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:4247172264 1 tcp 1509957375 192.168.1.100 0 typ host generation 0
↵"} CallToUser.js:84
Client sending a message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:4247172264 2 tcp 1509957375 192.168.1.100 0 typ host generation 0
↵"} CallToUser.js:84
>>> Got message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:4233069003 2 tcp 1509957375 192.168.56.1 0 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:4247172264 1 tcp 1509957375 192.168.1.100 0 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 0, id: "audio", candidate: "a=candidate:4247172264 2 tcp 1509957375 192.168.1.100 0 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:4247172264 1 tcp 1509957375 192.168.1.100 0 typ host generation 0
↵"} CallToUser.js:74
>>> Got message: Object {type: "candidate", label: 1, id: "video", candidate: "a=candidate:4247172264 2 tcp 1509957375 192.168.1.100 0 typ host generation 0
↵"} CallToUser.js:74
End of candidates
For任何选项卡未添加到视频来电者的第二部分。我怀疑发生这种情况的原因是:
Uncaught TypeError: Cannot call method 'setRemoteDescription' of undefined
但是，我不知道如何处理这个错误。下面是代码CallToUser.js和剪辑index.html
CallToUser.js:
//'use strict';
var CallToUser = function() {
var isChannelReady;
var isInitiator;
var isStarted = false;
var servers = null;
var localStream;
var localPeerConnection;
var turnReady;
var remoteStream;
var pcConfig = {
'iceServers': [{
'url': 'stun:stun.l.google.com:19302'
}]
};
var pcConstraints = {
'optional': [{
'DtlsSrtpKeyAgreement': true
}]
};
var sdpConstraints = {
'mandatory': {
'OfferToReceiveAudio': true,
'OfferToReceiveVideo': true
}
};
var room;
var socket = io.connect();
var handleUserMedia = function(stream) {
console.log('Adding local stream');
document.getElementById('localVideo').src = window.URL.createObjectURL(stream);
localStream = stream;
sendMessage('got user media');
if(isInitiator) {
maybeStart();
}
};
var handleUserMediaError = function(error) {
console.log('getMediaError', error);
};
var createRoom = function(room) {
room = room;
if(room !== '') {
console.log('Create or join to room', room);
socket.emit('create or join', room);
}
socket.on('created', function(room) {
console.log('Created room ' + room);
isInitiator = true;
});
socket.on('full', function(room) {
console.log('Room' + room + ' is full');
});
socket.on('join', function(room) {
console.log('Another peer made request to join ' + room);
isChannelReady = true;
});
socket.on('joined', function(room) {
console.log('User joined to room ' + room);
isChannelReady = true;
});
socket.on('log', function(array) {
console.log.apply(console, array);
});
};
var connect = function() {
var constraints = {video: true};
getUserMedia(constraints, handleUserMedia, handleUserMediaError);
};
var sendMessage = function(message) {
console.log('Client sending a message: ', message);
socket.emit('message', message);
};
window.onbeforeunload = function(e){
sendMessage('bye');
};
var startCall = function() {
socket.on('message', function(message) {
console.log('Client received a message: ' + message);
if(message === 'got user media') {
maybeStart();
} else if(message.type === 'offer') {
if(!isInitiator && !isStarted) {
maybeStart();
}
localPeerConnection.setRemoteDescription(new RTCSessionDescription(message));
doAnswer();
} else if(message.type === 'candidate' && isStarted) {
var candidate = new RTCIceCandidate({
sdpMLineIndex: message.label,
candidate: message.candidate
});
localPeerConnection.addIceCandidate(candidate);
} else if(message === 'bye' && isStarted) {
handleRemoteEndCall();
}
});
if(location.hostname != 'localhost') {
requestTurn('https://computeengineondemand.appspot.com/turn?username=41784574&key=4080218913');
}
};
var maybeStart = function() {
if(!isStarted && typeof localStream != 'undefined' && isChannelReady) {
createPeerConnection();
localPeerConnection.addStream(localStream);
isStarted = true;
if(isInitiator) {
doCall();
}
}
};
var createPeerConnection = function() {
try {
localPeerConnection = new RTCPeerConnection(servers);
localPeerConnection.onicecandidate = handleIceCandidate;
localPeerConnection.onaddstream = handleRemoteStreamAdded;
localPeerConnection.onremovestream = handleRemoteStreamRemoved;
} catch(e) {
console.log('exception ' + e.message);
return;
}
};
var handleIceCandidate = function(event) {
if(event.candidate) {
sendMessage({
type: 'candidate',
label: event.candidate.sdpMLineIndex,
id: event.candidate.sdpMid,
candidate: event.candidate.candidate
});
} else {
console.log('End of candidates');
}
};
var handleRemoteStreamAdded = function(event) {
console.log('Remote stream added');
document.getElementById('remoteVideo').src = window.URL.createObjectURL(event.stream);
remoteStream = event.stream;
};
var handleRemoteStreamRemoved = function(event) {
console.log('Delete');
};
var handleCreateOfferError = function(event) {
console.log('createOffer() error: ' + e);
}
var setLocalAndSendMessage = function(sessionDescription) {
sessionDescription.sdp = preferOpus(sessionDescription.sdp);
localPeerConnection.setLocalDescription(sessionDescription);
sendMessage(sessionDescription);
};
var doCall = function() {
console.log('Start call');
localPeerConnection.createOffer(setLocalAndSendMessage, handleCreateOfferError);
};
var doAnswer = function() {
console.log('Sending answer');
localPeerConnection.createAnswer(setLocalAndSendMessage, null, sdpContraints);
};
var endCall = function() {
console.log('Hanging up');
isStarted = false;
localPeerConnection.close();
localPeerConnection = null;
sendMessage('bye');
};
var handleRemoteEndCall = function() {
};
var requestTurn = function(turnUrl) {
var turnExists = false;
for(var i in pcConfig.iceServers) {
if(pcConfig.iceServers[i].url.substr(0, 5) === 'turn:') {
turnExists = true;
turnReady = true;
break;
}
}
if(!turnExists) {
console.log('Getting TURN server from ', turnUrl);
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) {
var turnServer = JSON.parse(xhr.responseText);
console.log('Got TURN server: ', turnServer);
pc_config.iceServers.push({
'url': 'turn:' + turnServer.username + '@' + turnServer.turn,
'credential': turnServer.password
});
turnReady = true;
}
};
xhr.open('GET', turnUrl, true);
xhr.send();
}
};
var preferOpus = function(sdp) {
var sdpLines = sdp.split(''r'n');
var mLineIndex;
for(var i = 0; i < sdpLines.length; i++) {
if(sdpLines[i].search('m=audio') !== -1) {
mLineIndex = i;
break;
}
}
if(mLineIndex === null) {
return sdp;
}
for(i = 0; i < sdpLines.length; i++) {
if(sdpLines[i].search('opus/48000') !== -1) {
var opusPayload = extractSdp(sdpLines[i], /:('d+) opus'/48000/i);
if(opusPayload) {
sdpLines[mLineIndex] = setDefaultCodec(sdpLines[mLineIndex], opusPayload);
}
break;
}
}
sdpLines = removeCN(sdpLines, mLineIndex);
sdp = sdpLines.join(''r'n');
return sdp;
};
var extractSdp = function(sdpLine, pattern) {
var result = sdpLine.match(pattern);
return result && result.length === 2 ? result[1] : null;
};
var setDefaultCodec = function(mLine, payload) {
var elements = mLine.split(' ');
var newLine = [];
var index = 0;
for(var i = 0; i < elements.length; i++) {
if(index === 3) {
newLine[index++] = payload;
}
if(elements[i] !== payload) {
newLine[index++] = elements[i];
}
}
return newLine.join(' ');
};
var removeCN = function(sdpLines, mLineIndex) {
var mLineElements = sdpLines[mLineIndex].split(' ');
for(var i = sdpLines.length - 1; i >= 0; i--) {
var payload = extractSdp(sdpLines[i], /a=rtpmap:('d+) CN'/'d+/i);
if(payload) {
var cnPos = mLineElements.indexOf(payload);
if(cnPos !== -1) {
mLineElements.splice(cnPos, 1);
}
sdpLines.splice(i, 1);
}
}
sdpLines[mLineIndex] = mLineElements.join(' ');
return sdpLines;
};
return {
connect: connect,
startCall: startCall,
endCall: endCall,
createRoom: createRoom,
};
};
index . html:
// some code
<script>
var calling = new CallToUser();
calling.createRoom('myroomname');
calling.connect();
calling.startCall();
</script>
有人能帮忙吗?
更改进程传入消息
socket.on('message', function(message) {
console.log('Client received a message: ' + message);
if(message === 'got user media') {
maybeStart();
} else if(message.type === 'offer') {
if(!isInitiator && !isStarted) {
maybeStart();
}
localPeerConnection.setRemoteDescription(new RTCSessionDescription(message));
doAnswer();
}else if(message.type=="answerswer" && isStarted)
{
localPeerConnection.setRemoteDescription(new RTCSessionDescription(message));
}
else if(message.type === 'candidate' && isStarted) {
var candidate = new RTCIceCandidate({
sdpMLineIndex: message.label,
candidate: message.candidate
});
localPeerConnection.addIceCandidate(candidate);
} else if(message === 'bye' && isStarted) {
handleRemoteEndCall();
}
});
因为当其他对等体接受它提供的带有会话描述的应答时所以你接受应答并设置为本地对等体连接
相关文章：
- Javascript:selenium Web驱动程序isDisplayed(）不工作
- jQuery UI自动完成突然停止工作
- AngularJS UI路由器不能像ng路由器那样工作
- HTML5音频加载和播放获胜'我不能在iPad上工作
- JavaScript打印功能使日历停止工作
- Javascript.getHours(）工作不正常
- 为什么这在IE中的工作方式与在Firefox中不同
- 视频HTML没有'无法在Internet Explorer 11上工作
- 扩展移相器按钮类不工作
- Firebase迁移-简单的Firebase.set没有'不再工作了——旧的还是新的
- 谷歌地图不是以HTML显示，而是在JS Fiddle上工作
- 正在尝试使用if和else添加类，但无法正常工作
- Jquery FadeIn FadeOut 只工作一次
- Foreach无法在Typescript中工作
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 为什么不是't窗口.恢复正常工作吗?(javascript/jquery）
- JS可以在Chrome中工作，但不能在Firefox中工作
- ajaxToolkit PopupControlExtender不工作.过时的
- HTML标记在脚本标记中工作
- javascript扫雷器floodfill算法不能正常工作
