我指的是ApprtCDemo的源代码,它是WebRTC的一个演示应用程序。
我正在尝试的是:
构建我自己的webrtc应用程序,它将在android设备上进行av调用。
替换现有的https://apprtc.appspot.com/
服务器和相关功能。
为了存档以上几点,我想了解webrtc函数调用的基本流程和进行/接收调用的步骤(需要调用的函数和流程)。
我看过源代码,几乎不懂什么,
但是由于代码很难理解,而且没有任何文档。
如果有人提供任何示例或文档来说明进行/接收av呼叫的步骤(如何获取/设置sdp、如何呈现本地/远程视频等),这将是非常有帮助的。
我看过这些帖子,非常有帮助:
WebRTC java server trouble
https://www.webrtc-experiment.com/docs/WebRTC-PeerConnection.html
我可以建立和运行apprtcdemo应用程序。
任何关于这方面的帮助都将是巨大的帮助!
最佳答案
没有时间线,它是异步的,但我将试图解释,但有两个主要的流程,与sdp提供和回答的流程和icecandidate的流程。
流程1:SDP
步骤1-提供同行:
在提供端,创建一个rtcpeerconnection(使用stun、trun服务器作为参数)。
var STUN = {
url:'stun:stun.l.google.com:19302'
};
var TURN = {
url: 'turn:[email protected]:80',
credential: 'homeo'
};
var iceServers = {
iceServers: [STUN, TURN]
};
var peer = new RTCPeerConnection(iceServers);
第2步-提供同行:
使用您的约束调用getusermedia。在成功回调中,使用add stream方法将流添加到rtcpeerconnection。然后可以通过调用peerconnection对象上的create offer来创建offer。
navigator.webkitGetUserMedia(
{
audio: false,
video: {
mandatory: {
maxWidth: screen.width,
maxHeight: screen.height,
minFrameRate: 1,
maxFrameRate: 25
}
}
},
gotStream, function(e){console.log("getUserMedia error: ", e);});
function gotStream(stream){
//If you want too see your own camera
vid.src = webkitURL.createObjectURL(stream);
peer.addStream(stream);
peer.createOffer(onSdpSuccess, onSdpError);
}
第3步-提供同行:
在createOffer的回调方法中,将参数(sdp offer)设置为rtcpeerconnection的localdescription(将开始收集ICE候选)。然后使用信令服务器将报价发送给另一个对等方。(我不会描述信令服务器,它只是将数据从一个服务器传递到另一个服务器)。
function onSdpSuccess(sdp) {
console.log(sdp);
peer.setLocalDescription(sdp);
//I use socket.io for my signaling server
socket.emit('offer',sdp);
}
第5步-回答同伴:
应答对等机每次收到请求时,都会创建一个带有turn、stun server、getusermedia的rtcpeerconnection,然后在回调中将流添加到rtcpeerconnection。对于sdp提供,使用setremotedescription和sdp offer。然后触发createAnswer。
在createAnswer的成功回调中,对参数使用setLocalDescription,然后使用信令服务器将应答SDP发送到提供对等方。
//Receive by a socket.io socket
//The callbacks are useless unless for tracking
socket.on('offer', function (sdp) {
peer.setRemoteDescription(new RTCSessionDescription(sdp), onSdpSuccess, onSdpError);
peer.createAnswer(function (sdp) {
peer.setLocalDescription(sdp);
socket.emit('answer',sdp);
}, onSdpError);
});
第7步:提供同行
接收sdp应答,在rtcpeerconnection上设置remotedescription。
socket.on('answer', function (sdp) {
peer.setRemoteDescription(new RTCSessionDescription(sdp), function(){console.log("Remote Description Success")}, function(){console.log("Remote Description Error")});
});
流程2:IceCandidate
双方:
每次rtcpeerconnection触发onicecandidate时,都会通过signalingserver将候选节点发送到另一个对等节点。
当接收到来自信令服务器的IceCandidate时,只需使用addiceCandidate(new rtciceCandidate(obj))将其添加到rtcpeerconnection
peer.onicecandidate = function (event) {
console.log("New Candidate");
console.log(event.candidate);
socket.emit('candidate',event.candidate);
};
socket.on('candidate', function (candidate) {
console.log("New Remote Candidate");
console.log(candidate);
peer.addIceCandidate(new RTCIceCandidate({
sdpMLineIndex: candidate.sdpMLineIndex,
candidate: candidate.candidate
}));
});
最后:
如果上面的两个流工作良好,请在每个rtcpeerconnection上使用onaddstream事件。当ICE候选将彼此配对并找到对等的最佳方式时,他们将添加与SDP协商的流,该流将通过对等连接。所以在这种情况下,你只需要添加你的流,然后到视频标签,例如,这是好的。
peer.onaddstream = function (event) {
vid.src = webkitURL.createObjectURL(event.stream);
console.log("New Stream");
console.log(event.stream);
};
我将用一些代码来编辑tommorow,我认为这些代码有助于理解我的意思。如果有问题就去问吧。
这是我的信令服务器:
var app = require('express')();
var server = require('http').Server(app);
var io = require('socket.io')(server);
server.listen(3000);
app.get('/', function (req, res) {
res.send('The cake is a lie');
});
io.on('connection', function (socket) {
console.log('NEW CONNECTION');
socket.on('offer', function (data) {
console.log(data);
socket.broadcast.emit("offer",data);
});
socket.on('answer', function (data) {
console.log(data);
socket.broadcast.emit("answer",data);
});
socket.on('candidate', function (data) {
console.log(data);
socket.broadcast.emit("candidate",data);
});
});