-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
80 lines (69 loc) · 1.94 KB
/
index.html
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
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="#" />
<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/metropolis.min.css" />
</head>
<body>
<div id="statusContainer">Connecting...</div>
<div id="mainContainer">
<div id="infoContainer">
<div id="streamInfo">
<label id="streamPlatformLabel"></label>
<label>•</label>
<label id="streamTimecodeLabel"></label>
<label>•</label>
<label id="streamBitrateLabel"></label>
</div>
<div id="topBar">
<div id="profileLabel"></div>
</div>
<div id="recordInfo">
<label id="recordOutputFilesize"></label>
<label>•</label>
<label id="recordTimecodeLabel"></label>
<label>•</label>
<label id="recordingLabel"></label>
</div>
<div id="bottomBar">
<div id="statsLabel"></div>
<div id="advancedStatsLabel"></div>
</div>
<div id="theMotherOfAllVolumeContainers">
<div id="volumeMeterContainerLeft">
<div id="theGreenShitThatsInsideTheOtherContainerLeft">
</div>
<div class="barLabel">L</div>
</div>
<div id="volumeMeterContainerRight">
<div id="theGreenShitThatsInsideTheOtherContainerRight">
</div>
<div class="barLabel">R</div>
</div>
</div>
<div id="fpsContainer">
<div id="fpsMeter"></div>
<div id="fpsLabel">
FPS
<label id="fps"></label>
</div>
</div>
<img id="micMuteIcon" src="icons/mic-mute.png">
</div>
<div id="streamingRing">
<div id="streamingLeft"></div>
<div id="streamingRight"></div>
<div id="streamingTop"></div>
<div id="streamingBottom"></div>
</div>
<div id="recordingRing">
<div id="left"></div>
<div id="right"></div>
<div id="top"></div>
<div id="bottom"></div>
</div>
</div>
</body>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js'></script>
<script src="./script.js"></script>