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。 

posted on 2018-03-06 20:36  小小梁  阅读(349)  评论(0编辑  收藏  举报

导航