-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathstreaming.html
90 lines (86 loc) · 4.35 KB
/
streaming.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
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>XD proto</title>
<link href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet"/>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script src="https://www.gstatic.com/firebasejs/7.14.2/firebase.js"></script>
<link href="./streaming.css" rel="stylesheet" />
</head>
<body>
<div class = "header"> </div>
<div class = 'totalContainer'>
<div class = "category"> Public Broadcast </div>
<div class = "block">
<div class = "left">
<div id = "video"></div>
<div class = "gametitle" style ="margin : 10px">
<img src = "./images/logo/logo_lck.jpg " width = 40px height =40px class = "lcklogo">
<span style = "margin : 10px">T1 vs GEN match 1 | 06.09 LCK 2020 Summer</span>
<span style = "float : right; font-size : large">1013</span>
<span class="material-icons" style ="float : right; margin-right : 5px; margin-left : 10px">star_border</span>
<span style = "float : right; font-size : large">23013</span>
<span class="material-icons" style ="float : right; margin-right : 5px">person</span>
<br><span style = "float : right; font-size : large"><input id='leavebutton' type="button" value="Leave" onclick="direct_to_home()"></span>
</div>
</div>
<div id = "chat" class = "chat">
<div style ="padding : 10px; background-color : rgb(255, 249, 224);">
<div style ="display : inline;">Viewer</div>
<div id = "inviting" style ="display : flex; float : right">
<div id='inviteMsg'> <span id='inviteMessage'> </span></div>
</div>
</div>
<div id="msglog" class = "message">
</div>
<div class = "msgtype">
<table>
<tr>
<td width = 320>
<input id = "message_data" type ="text" style = "width : 95%; height : 60px; margin-left : 10px">
</td>
<td>
<button id = "message_button" type ="submit" class ="submit" > Send </button>
</td>
</tr>
</table>
</div>
</div>
</div>
<hr width = 95% align="left" style = "margin-top : 30px">
<div class= "block" id='block2'>
<div id = 'lleefftt'>
<div class = "information">
<span class="matchingday"> June 9th <br> Set 2 <br> </span>
<img src = "./images/replay/T1vsGEN.png " width = 480px height =270px class = "matching">
</div>
</div>
<div id = 'rec'>
<div id = "recommend" class = "rightone">
<span class ="recommendtitle"> Recommend video </span>
</div>
<table class ="recommendtable">
<tbody>
<tr>
<td><img src = "./images/replay/AFvsAPK.png " width = 240px height =135px></td>
<td class='recvidtitle'> AF vs APK Set 2</td>
</tr>
<tr>
<td><img src = "./images/replay/APKvsDRX.png " width = 240px height =135px></td>
<td class='recvidtitle'> APK vs DRX Set 1</td>
</tr>
<tr>
<td><img src = "./images/replay/GENvsGRF.png " width = 240px height =135px></td>
<td class='recvidtitle'> GEN vs GRF Set 3</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<script src="jquery/js/jquery-1.9.0.min.js"></script>
<script src="jquery/js/jquery-ui-1.10.0.custom.min.js"></script>
<script src="jquery/js/jquery-easing.js"></script>
<script src="./streaming.js"></script>
</body>