mediasoup-LLLS-experiments/approach2.drawio at main · codeurjc/mediasoup-LLLS-experiments · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<mxfile host="65bd71144e">
    <diagram name="Page-1" id="Ryv9Ha0oeD4zkuIWQ4pp">
        <mxGraphModel dx="1908" dy="787" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
            <root>
                <mxCell id="0"/>
                <mxCell id="1" parent="0"/>
                <mxCell id="3" value="&lt;font color=&quot;#000000&quot; style=&quot;font-size: 22px; background-color: rgb(255, 255, 255);&quot;&gt;Instance 2&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;labelPosition=center;verticalLabelPosition=top;align=center;verticalAlign=bottom;" parent="1" vertex="1">
                    <mxGeometry x="400" y="260" width="510" height="680" as="geometry"/>
                </mxCell>
                <mxCell id="2" value="&lt;font color=&quot;#000000&quot; style=&quot;font-size: 22px; background-color: rgb(255, 255, 255);&quot;&gt;Instance 1&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;labelPosition=center;verticalLabelPosition=top;align=center;verticalAlign=bottom;" parent="1" vertex="1">
                    <mxGeometry x="-210" y="260" width="600" height="680" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-21" value="Client HTML &amp;amp; JS" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="kAoYWLKIbyF5IjDtauVM-12" target="kAoYWLKIbyF5IjDtauVM-9" edge="1">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-13" value="" style="group" parent="1" vertex="1" connectable="0">
                    <mxGeometry x="440" y="710" width="310" height="210" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-6" value="Chrome browser" style="rounded=0;whiteSpace=wrap;html=1;labelPosition=center;verticalLabelPosition=top;align=center;verticalAlign=bottom;" parent="kAoYWLKIbyF5IjDtauVM-13" vertex="1">
                    <mxGeometry width="310" height="210" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-7" value="Publisher" style="rounded=0;whiteSpace=wrap;html=1;" parent="kAoYWLKIbyF5IjDtauVM-13" vertex="1">
                    <mxGeometry x="20" y="75" width="120" height="60" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-8" value="Subscriber" style="rounded=0;whiteSpace=wrap;html=1;" parent="kAoYWLKIbyF5IjDtauVM-13" vertex="1">
                    <mxGeometry x="170" y="75" width="120" height="60" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-9" value="" style="dashed=0;outlineConnect=0;html=1;align=center;labelPosition=center;verticalLabelPosition=bottom;verticalAlign=top;shape=mxgraph.webicons.chrome;gradientColor=#DFDEDE" parent="kAoYWLKIbyF5IjDtauVM-13" vertex="1">
                    <mxGeometry x="126.70000000000005" width="56.6" height="60" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-14" value="" style="group" parent="1" vertex="1" connectable="0">
                    <mxGeometry x="460" y="300" width="270" height="230" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-5" value="Client application &amp;amp; Selenium browser controller" style="rounded=0;whiteSpace=wrap;html=1;labelPosition=center;verticalLabelPosition=top;align=center;verticalAlign=bottom;" parent="kAoYWLKIbyF5IjDtauVM-14" vertex="1">
                    <mxGeometry width="270" height="190" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-11" value="" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.android;fillColor=#8CC64F;gradientColor=none;" parent="kAoYWLKIbyF5IjDtauVM-14" vertex="1">
                    <mxGeometry x="115" width="40" height="40" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-12" value="HTTP Server with client application (Express)" style="rounded=0;whiteSpace=wrap;html=1;" parent="kAoYWLKIbyF5IjDtauVM-14" vertex="1">
                    <mxGeometry x="50" y="170" width="170" height="60" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-23" value="WebRTC Stats" style="swimlane;whiteSpace=wrap;html=1;" parent="kAoYWLKIbyF5IjDtauVM-14" vertex="1">
                    <mxGeometry x="10" y="55" width="120" height="105" as="geometry">
                        <mxRectangle x="290" y="620" width="120" height="30" as="alternateBounds"/>
                    </mxGeometry>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-27" value="stats.json" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="kAoYWLKIbyF5IjDtauVM-23" vertex="1">
                    <mxGeometry x="25" y="40" width="70" height="30" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-24" value="Recordings" style="swimlane;whiteSpace=wrap;html=1;" parent="kAoYWLKIbyF5IjDtauVM-14" vertex="1">
                    <mxGeometry x="140" y="55" width="120" height="110" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-28" value="publisher.webm&lt;div&gt;&lt;br&gt;&lt;/div&gt;" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="kAoYWLKIbyF5IjDtauVM-24" vertex="1">
                    <mxGeometry x="5" y="25" width="110" height="40" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-30" value="subscriber.webm" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="kAoYWLKIbyF5IjDtauVM-24" vertex="1">
                    <mxGeometry x="5" y="50" width="110" height="30" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-31" value="fullscreen.mp4" style="text;html=1;align=center;verticalAlign=middle;resizable=0;points=[];autosize=1;strokeColor=none;fillColor=none;" parent="kAoYWLKIbyF5IjDtauVM-24" vertex="1">
                    <mxGeometry x="10" y="78" width="100" height="30" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-15" value="" style="group" parent="1" vertex="1" connectable="0">
                    <mxGeometry x="90" y="300" width="300" height="210" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-4" value="Media server controller application" style="rounded=0;whiteSpace=wrap;html=1;labelPosition=center;verticalLabelPosition=top;align=center;verticalAlign=bottom;" parent="kAoYWLKIbyF5IjDtauVM-15" vertex="1">
                    <mxGeometry width="270" height="190" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-2" value="Server Signaling&lt;div&gt;(Socket.IO &amp;amp; mediasoup library)&lt;/div&gt;" style="rounded=0;whiteSpace=wrap;html=1;" parent="kAoYWLKIbyF5IjDtauVM-15" vertex="1">
                    <mxGeometry x="70" y="150" width="130" height="60" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-10" value="" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.android;fillColor=#8CC64F;gradientColor=none;" parent="kAoYWLKIbyF5IjDtauVM-15" vertex="1">
                    <mxGeometry x="115" width="40" height="40" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-16" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=0.75;entryY=1;entryDx=0;entryDy=0;" parent="1" source="kAoYWLKIbyF5IjDtauVM-7" target="kAoYWLKIbyF5IjDtauVM-2" edge="1">
                    <mxGeometry relative="1" as="geometry">
                        <mxPoint x="290" y="560" as="targetPoint"/>
                    </mxGeometry>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-34" value="Connect &amp;amp; produce (socket.io-client &amp;amp; mediasoup-client)" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="kAoYWLKIbyF5IjDtauVM-16" vertex="1" connectable="0">
                    <mxGeometry x="-0.3225" y="-1" relative="1" as="geometry">
                        <mxPoint x="-68" y="-154" as="offset"/>
                    </mxGeometry>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-19" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.25;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=1;entryDx=0;entryDy=0;" parent="1" source="kAoYWLKIbyF5IjDtauVM-2" target="kAoYWLKIbyF5IjDtauVM-8" edge="1">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-20" value="WebRTC stats &amp;amp; Video blobs" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.25;exitY=0;exitDx=0;exitDy=0;entryX=0.25;entryY=1;entryDx=0;entryDy=0;" parent="1" source="kAoYWLKIbyF5IjDtauVM-7" target="kAoYWLKIbyF5IjDtauVM-12" edge="1">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-22" value="WebRTC stats &amp;amp; Video blobs" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.75;exitY=0;exitDx=0;exitDy=0;entryX=0.75;entryY=1;entryDx=0;entryDy=0;" parent="1" source="kAoYWLKIbyF5IjDtauVM-8" target="kAoYWLKIbyF5IjDtauVM-12" edge="1">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-44" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.75;exitDx=0;exitDy=0;entryX=0;entryY=0.75;entryDx=0;entryDy=0;" parent="1" source="kAoYWLKIbyF5IjDtauVM-1" target="kAoYWLKIbyF5IjDtauVM-36" edge="1">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-1" value="Mediasoup Worker" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
                    <mxGeometry x="-190" y="365" width="190" height="65" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-37" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="kAoYWLKIbyF5IjDtauVM-4" target="kAoYWLKIbyF5IjDtauVM-36" edge="1">
                    <mxGeometry relative="1" as="geometry">
                        <mxPoint x="90" y="395" as="sourcePoint"/>
                        <mxPoint x="-70" y="395" as="targetPoint"/>
                    </mxGeometry>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-42" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=1;exitY=0.75;exitDx=0;exitDy=0;entryX=0.25;entryY=0;entryDx=0;entryDy=0;" parent="1" source="kAoYWLKIbyF5IjDtauVM-36" target="kAoYWLKIbyF5IjDtauVM-2" edge="1">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-43" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0;exitY=0.25;exitDx=0;exitDy=0;entryX=1;entryY=0.25;entryDx=0;entryDy=0;" parent="1" source="kAoYWLKIbyF5IjDtauVM-36" target="kAoYWLKIbyF5IjDtauVM-1" edge="1">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-36" value="mediasoup library" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
                    <mxGeometry x="50" y="365" width="70" height="65" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-41" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.75;exitY=0;exitDx=0;exitDy=0;entryX=1;entryY=0.25;entryDx=0;entryDy=0;" parent="1" source="kAoYWLKIbyF5IjDtauVM-2" target="kAoYWLKIbyF5IjDtauVM-36" edge="1">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="kAoYWLKIbyF5IjDtauVM-45" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="kAoYWLKIbyF5IjDtauVM-1" target="kAoYWLKIbyF5IjDtauVM-1" edge="1">
                    <mxGeometry relative="1" as="geometry"/>
                </mxCell>
                <mxCell id="6" style="edgeStyle=none;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=1;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="kAoYWLKIbyF5IjDtauVM-5" target="kAoYWLKIbyF5IjDtauVM-6" edge="1">
                    <mxGeometry relative="1" as="geometry">
                        <Array as="points">
                            <mxPoint x="860" y="600"/>
                        </Array>
                    </mxGeometry>
                </mxCell>
                <mxCell id="7" value="Controls using Selenium" style="edgeLabel;html=1;align=center;verticalAlign=middle;resizable=0;points=[];" parent="6" vertex="1" connectable="0">
                    <mxGeometry x="-0.2097" y="3" relative="1" as="geometry">
                        <mxPoint as="offset"/>
                    </mxGeometry>
                </mxCell>
            </root>
        </mxGraphModel>
    </diagram>
</mxfile>