webrtc底层一对一连接过程探索(六)
、函数路线图
以下是RTCMultiConnection.js中函数运行过程图:
图1
二、fun38(续)
2.1 fun38.05(续)
1)代码段一
图2
a.) switch
(/Windows/.test(o) && (/Windows (.*)/.test(o) && (a = /Windows (.*)/.exec(o)[1]), o = "Windows"), o)
b.) /Windows/.test(o)
经测试,/Windows/.test(o)是成立的。
c.) a = /Windows (.*)/.exec(o)[1]
图3
注:测试得知,a = /Windows (.*)/.exec(o)[1])为10,exec也是一个匹配函数,exec() 方法的功能非常强大,它是一个通用的方法,而且使用起来也比 test() 方法以及支持正则表达式的 String 对象的方法更为复杂。
图4
注:所以接下来,return的结果为o为windows,a为10。
2.2 fun38.11
1)本节完整代码
图5
2)代码段一
var b = !1, y = !1;
注:b,y均为false,!1即为0,所以为flase,另外,console.log的复合写法如下:
console.log('b,y: ',b,y);
3)代码段二
["captureStream", "mozCaptureStream", "webkitCaptureStream"].forEach(function(e) { !b && e in document.createElement("canvas") && (b = !0), !y && e in document.createElement("video") && (y = !0) });
注:经测试结果如下:
图6
注:这是一个循环,当为capture时,结果为真。
4)代码段三
var k = [], T = [], P = [], R = []; c.mediaDevices && c.mediaDevices.enumerateDevices && (c.enumerateDevices = function(e) { c.mediaDevices.enumerateDevices().then(e)["catch"](function() { e([]) }) });
结果如下:
图7
注:k,T,R,P为四个空数组,c.mediaDevices是个数组,c.mediaDevices.enumerateDevices是个函数,尽管没有找到。
c.mediaDevices && c.mediaDevices.enumerateDevices也是个函数。
2.3 fun38.12
1)本阶段完整代码
图8
2)代码段一
var E = !1; void 0 !== _ && "getSources" in _ ? E = !0 : c.mediaDevices && c.mediaDevices.enumerateDevices && (E = !0);
注:E为false,经测试,“_”为undefined,所以,后面的就不走了。但实际上后面的走了,不知什么原因?后面打印出的E为true。
图9
3)代码段二
var x = !1, O = !1, M = !1, A = !1, U = !1;
注:定义了几个布尔值为false的变量。
4)代码段三
a();
注:调用了a()函数,a()函数恰好是fun38.08,如下:
图10
分析一下上述代码如下:
a.) if (!E) return void(e && e());
注:E为true,所以不走这句。
b.) 逗号表达式
if (!c.enumerateDevices && window.MediaStreamTrack && window.MediaStreamTrack.getSources && (c.enumerateDevices = window.MediaStreamTrack.getSources.bind(window.MediaStreamTrack)), !c.enumerateDevices && c.enumerateDevices && (c.enumerateDevices = c.enumerateDevices.bind(c)), !c.enumerateDevices) return void(e && e());
注:c.enumerateDevices是个函数,! c.enumerateDevices应为false。如下:
图11
因为是&&连接的,所以这个if不成立,后面就走了。
c.) k = [], T = [], P = [], R = [];var n = {};
注:定义了几个变量。
d.)函数
图12
注:这个函数在a()中没有走,以后走了再说。
5)代码段四
var I = window.DetectRTC || {}; I.browser = e(), o(function(e) { I.browser.isPrivateBrowsing = !!e }), I.browser["is" + I.browser.name] = !0;
a.) var I = window.DetectRTC || {}; I.browser = e(),
注:I是个空数组,但追加了e()之后,就不是了,具体如下:
图13
b.)
o(function(e) { I.browser.isPrivateBrowsing = !!e }),
注:o是个函数,如下:
图14
c.)
I.browser["is" + I.browser.name] = !0;
注:最终的I如下:
图15
注:其中关于浏览器的信息全放进去了,比如版本,浏览器名字等。
2.4 fun38.13
1)本阶段完整代码
图16
2)代码段一
var D = (!!(window.process && "object" == typeof window.process && window.process.versions && window.process.versions["node-webkit"]), !1);
注:这是一个变量,结果为false,因为是逗号表达式,以最后一个为准: !1一定为false。
3)代码段二
["RTCPeerConnection", "webkitRTCPeerConnection", "mozRTCPeerConnection", "RTCIceGatherer"].forEach(function(e) { D || e in window && (D = !0) }),
运行结果如下:
图17
注:D第一个为false,第一个循环执行完后,就变成了true,因为走了一个D=!0,神奇的是console.log('D = !0: ',D = !0);也算给D重定义。这一段代码的意思是,如果e在window中,就把D置为真。
4)代码段三
I.isWebRTCSupported = D, I.isORTCSupported = "undefined" != typeof RTCIceGatherer;
图18
注:这两句是用于判断是否支持webRTC及ORTC的。
5)代码段四
var L = !1; I.browser.isChrome && I.browser.version >= 35 ? L = !0 : I.browser.isFirefox && I.browser.version >= 34 && (L = !0),
注:定义一个变量L为false。I.browser.isChrome为true,I.browser.version >= 35为true。所以L为true。这段代码的意思,如果是谷歌浏览器,且版本在34以上的话,就把L定为true。
6)代码段五
"https:" !== location.protocol && (L = !1), I.isScreenCapturingSupported = L; var N = { isSupported: !1, isCreateMediaStreamSourceSupported: !1 };
注:协议是https,所以"https:" !== location.protocol为false,所以不执行L = !1,所以此时L为true,I.isScreenCapturingSupported=L,就是支持屏幕捕捉。
图19
再定义一个N,两个元素,均为false,如下:
图20
注:这个有意思,初始值为false,后面又对其进行了重新赋值,所以打开为true。