forked from Team2890HawkCollective/pitWeb
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathvideo.html
More file actions
137 lines (127 loc) · 7.4 KB
/
video.html
File metadata and controls
137 lines (127 loc) · 7.4 KB
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
137
<!DOCTYPE html>
<html>
<head>
<title>pitWeb</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel = "stylesheet" href = "Styles.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
<script type="text/javascript" src="video.js"></script>
</head>
<body class="inverseBg">
<!-- Navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<!--Navbar Brand-->
<a class="navbar-brand" href="index.html">pitWeb</a>
<!--/Navbar Brand-->
<!--Collapse Navbar button-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<!--/Collapse Navbar button-->
<!--Navbar body-->
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<!--Navbar items-->
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link mx-2" href="Alerts.html">Alerts</a></li>
<li class="nav-item"><a class="nav-link mx-2" href="clock.html">Clock</a></li>
<li class="nav-item"><a class="nav-link mx-2" href="notepad.html">Notepad</a></li>
<li class="nav-item"><a class="nav-link mx-2" href="photos.html">Photos</a></li>
<li class="nav-item"><a class="nav-link mx-2" href="references.html">References</a></li>
<li class="nav-item"><a class="nav-link mx-2" href="scouting.html">Scouting App</a></li>
<li class="nav-item"><a class="nav-link mx-2 active" href="video.html">Game Livestream</a></li>
</ul>
<!--/Navbar items-->
<!--Settings page button-->
<button type="button" class="btn btn-outline-light navbar-btn" data-toggle="modal" data-target="#settingsModal">Settings</button>
<!--/Settings page button-->
</div>
<!--/Navbar body-->
</nav>
<!--/Navbar-->
</nav>
<!--Settings modal-->
<div class="modal hide fade" id="settingsModal">
<div class="modal-dialog modal-lg">
<!--Modal content-->
<div class="modal-content">
<!--Modal header-->
<div class="modal-header">
<h4 class="modal-title">Settings</h4>
<button type="button" class="close" data-dismiss="modal">X</button>
</div>
<!--/Modal header-->
<!--Modal body-->
<div class="modal-body">
<!--Settings form-->
<form id="settings">
<!--Team number input-->
<div class="form-group">
<label for="teamNumber">Team Number:</label>
<input type="text" class="form-control" id="teamNumber" value="">
</div>
<!--Event key input-->
<div class="form-group">
<label for="eventKey">Event Key:</label>
<input type="text" class="form-control" id="eventKey" value="">
</div>
<!--Slack API key input-->
<div class="form-group">
<label for="slackAPI">Slack API Key</label>
<input type="text" class="form-control" id="slackAPI" value="">
</div>
<!--Slack Channel ID input-->
<div class="form-group">
<label for="slackChannel">Slack Channel ID</label>
<input type="text" class="form-control" id="slackChannel" value="">
</div>
<!--Twitch stream input-->
<div class="form-group">
<label for="channelID">Twitch Stream Channel Name:</label>
<input type="text" class="form-control" id="channel" value="">
</div>
<b>Debugging tools</b>
<!--Match Number input-->
<div class="form-group">
<label for="matchNum">Match Number:</label>
<input type="text" class="form-control" id="matchNum" value="">
</div>
<!--Display data in console checkbox-->
<div class="form-group form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox"> Print requested data in console
</label>
</div>
</form>
<!--Settings form-->
</div>
<!--Modal body-->
<!--Modal footer-->
<div class="modal-footer">
<!--Close button-->
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
<!--Save button (calls updateSettings())-->
<button type="button" class="btn btn-primary" onclick="changeChannelID();" data-dismiss="modal">Save</button>
</div>
<!--/Modal footer-->
</div>
<!--/Modal content-->
</div>
</div>
<!--/Settings modal-->
<div class="row fonts" style="height: 15vh">
<div class="col-4 mt-3 ml-5 mr-4.5 boxes" style="height:15vh">SLACK</div>
<div class="col mt-3 ml-5 mr-4.5 boxes" style="height:15vh">MATCH</div>
<div class="col-4 mt-3 ml-5 mr-5 boxes" style="height:15vh">DISCORD</div>
</div>
<div class="row fonts" style="height: 70vh">
<div class="col mt-5 ml-5 mr-5 mb-3 boxes embed-responsive embed-responsive-16by9" style= "height: 70vh">
<<iframe class="embed-responsive-item" src="" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"id="twitchplayer"></iframe>
<!--<iframe width="560" height="315" src="https://www.youtube.com/embed/TJTnalRenZI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>-->
</div>
</div>
</body>
</html>