Javascript WebRTC Firefox:参数不足,无法访问RTPeerConnection.setLocalDescription
我正在与WebRTC开发一个web平台,为采访创建点对点视频对话。与ASP.NET Signal建立通信。以下是用于建立连接的javascript:Javascript WebRTC Firefox:参数不足,无法访问RTPeerConnection.setLocalDescription,javascript,asp.net-mvc,firefox,adapter,webrtc,Javascript,Asp.net Mvc,Firefox,Adapter,Webrtc,我正在与WebRTC开发一个web平台,为采访创建点对点视频对话。与ASP.NET Signal建立通信。以下是用于建立连接的javascript: function initInterview() { //Gets user's media navigator.getUserMedia({ video: true, audio: true }, function (stream) { //
function initInterview() {
//Gets user's media
navigator.getUserMedia({ video: true, audio: true }, function (stream) {
// Display local stream to the user
var localMediaElem = document.querySelector('video#me');
localMediaElem.volume = 0.0;
localMediaElem.srcObject = stream;
// Assign stream
_myMediaStream = stream;
showUI(true);
console.log("Added local media stream");
// No startInterview call (waiting for interviewee to create offer)
}, function (event) {
// Something failed
console.log(event);
});
};
function _createConnection() {
console.log('Creating RTCPeerConnection...');
// Create a new PeerConnection
var connection = new RTCPeerConnection(null); // null = no ICE servers
// A new ICE candidate was found
connection.onicecandidate = function (event) {
if (event.candidate) {
// Let's send it to our peer via SignalR
interview.server.send(interviewGuid, JSON.stringify({ "candidate": event.candidate }));
}
};
// New remote media stream was added
connection.onaddstream = function (event) {
// Get other video element
var newVideoElement = document.querySelector('video#other');
// Attach the stream to the Video element via adapter.js
newVideoElement.srcObject = event.stream;
};
return connection;
}
// Callback that receives notifications from the SignalR server
interview.client.newMessage = function (data) {
console.log("Received message");
console.log(data);
var message = JSON.parse(data),
connection = _myConnection || _createConnection(null);
// An SDP message contains connection and media information, and is either an 'offer' or an 'answer'
if (message.sdp) {
console.log("Received session description");
connection.setRemoteDescription(new RTCSessionDescription(message.sdp), function () {
console.log("Description:");
console.log(connection.remoteDescription);
if (connection.remoteDescription.type == 'offer') {
console.log('received offer, sending answer...');
// Add our stream to the connection to be shared
connection.addStream(_myMediaStream);
// Create an SDP response
connection.createAnswer(function (desc) {
// Which becomes our local session description
connection.setLocalDescription(desc, function () {
// And send it to the originator, where it will become their RemoteDescription
interview.server.send(interviewGuid, JSON.stringify({ 'sdp': connection.localDescription }));
});
}, function (error) { console.log('Error creating session description: ' + error); });
} else if (connection.remoteDescription.type == 'answer') {
console.log('got an answer');
}
});
} else if (message.candidate) {
console.log('adding ice candidate...');
connection.addIceCandidate(new RTCIceCandidate(message.candidate));
}
_myConnection = connection;
};
function startInterview() {
console.log("Starting interview");
_myConnection = _myConnection || _createConnection(null);
// Add our stream to the peer connection
_myConnection.addStream(_myMediaStream);
// Create an offer to send our peer
_myConnection.createOffer(function (desc) {
// Set the generated SDP to be our local session description
console.log(desc);
_myConnection.setLocalDescription(desc, function () {
// And send it to our peer, where it will become their RemoteDescription
interview.server.send(interviewGuid, JSON.stringify({ "sdp": desc }));
});
}, function (error) { console.log('Error creating session description: ' + error); });
};
受访者通过以下方式创建报价:
function initInterview() {
//Gets user's media
navigator.getUserMedia({ video: true, audio: true }, function (stream) {
// Display local stream to the user
var localMediaElem = document.querySelector('video#me');
localMediaElem.volume = 0.0;
localMediaElem.srcObject = stream;
// Assign stream
_myMediaStream = stream;
showUI(true);
console.log("Added local media stream");
// Create offer for interviewer
startInterview();
}, function (event) {
// Something failed
console.log(event);
});
};
当我们使用Google Chrome时,它可以完美地工作,但每当我们使用Firefox时,我们都会出现以下错误:
Started SignalR hub b39c24ad-bd2d-42bf-829a-176bda8e3905:224:21
Added local media stream b39c24ad-bd2d-42bf-829a-176bda8e3905:344:25
Starting interview b39c24ad-bd2d-42bf-829a-176bda8e3905:355:21
Creating RTCPeerConnection... b39c24ad-bd2d-42bf-829a-176bda8e3905:265:21
onaddstream is deprecated! Use peerConnection.ontrack instead.
RTCSessionDescription { type: "offer", sdp: "v=0 o=mozilla...THIS_IS_SDPARTA-47.…" } b39c24ad-bd2d-42bf-829a-176bda8e3905:365:25
Received message b39c24ad-bd2d-42bf-829a-176bda8e3905:292:21
"{"sdp":{"type":"offer","sdp":"v=[...]a0f1\r\n"}}" b39c24ad-bd2d-42bf-829a-176bda8e3905:293:21
Received session description b39c24ad-bd2d-42bf-829a-176bda8e3905:299:25
Received message b39c24ad-bd2d-42bf-829a-176bda8e3905:292:21
{"candidate":{"candidate":"candidate:2880323124 2 udp 2122260222 192.168.1.116 43234 typ host generation 0 ufrag bg8D7wuLUvtu/QjB network-id 1","sdpMid":"audio","sdpMLineIndex":0}} b39c24ad-bd2d-42bf-829a-176bda8e3905:293:21
adding ice candidate... b39c24ad-bd2d-42bf-829a-176bda8e3905:322:25
Received message b39c24ad-bd2d-42bf-829a-176bda8e3905:292:21
{"candidate":{"candidate":"candidate:2880323124 1 udp 2122260223 192.168.1.116 56886 typ host generation 0 ufrag bg8D7wuLUvtu/QjB network-id 1","sdpMid":"audio","sdpMLineIndex":0}} b39c24ad-bd2d-42bf-829a-176bda8e3905:293:21
[...]
{"candidate":{"candidate":"candidate:3844981444 2 tcp 1518280446 192.168.1.116 9 typ host tcptype active generation 0 ufrag bg8D7wuLUvtu/QjB network-id 1","sdpMid":"video","sdpMLineIndex":1}} b39c24ad-bd2d-42bf-829a-176bda8e3905:293:21
adding ice candidate... b39c24ad-bd2d-42bf-829a-176bda8e3905:322:25
TypeError: Not enough arguments to RTCPeerConnection.setLocalDescription.
setLocalDescription
可能失败,并且:描述、成功回调和失败回调。你错过了后者。铬是错误的
请注意,此旧API已被替换为返回的API:
使用官方WebRTC polyfill在旧浏览器中访问它。
setLocalDescription
可能会失败,并且:描述、成功回调和失败回调。你错过了后者。铬是错误的
请注意,此旧API已被替换为返回的API:
使用官方WebRTC polyfill在旧浏览器中访问它。使用了此代码并更改了connection.onicecandidate以使其正常工作:
interview.server.send(interviewGuid,JSON.stringify({“sdpMLineIndex”:event.label,“candidate”:event.candidate})
@Zomtorg Hmm,通常是事件的属性。候选者本身,是一个数字。我想你可以对任何你喜欢的信号进行字符串化,但是这个名字用起来很奇怪,在AFAIK浏览器中没有特别的意义。使用了这个代码并更改了connection.onicecandidate使其工作:interview.server.send(interviewGuid,JSON.stringify({“sdpMLineIndex”:event.label,“candidate”:event.candidate})
@Zomtorg Hmm,通常是事件的属性。候选者本身,是一个数字。我想你可以把任何你喜欢的信号字符串化,但是这个名字用起来很奇怪,在AFAIK浏览器中也没有什么特别的意义。
if (message.sdp) {
connection.setRemoteDescription(message.sdp).then(() => {
if (connection.remoteDescription.type == 'answer') {
return;
}
connection.addStream(_myMediaStream);
return connection.createAnswer()
.then(desc => connection.setLocalDescription(desc))
.then(() => interview.server.send(interviewGuid,
JSON.stringify({ 'sdp': connection.localDescription })));
})
.catch(error => console.log('Error: ' + error));
} else if (message.candidate) {
connection.addIceCandidate(message.candidate))
.catch(error => console.error(error));
}