-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
234 lines (193 loc) · 14.5 KB
/
index.html
File metadata and controls
234 lines (193 loc) · 14.5 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
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
<HTML>
<HEAD>
<TITLE>KachoTube</TITLE>
<LINK Rel = "stylesheet" Href = "http://code.jquery.com/ui/1.10.3/themes/overcast/jquery-ui.css">
<LINK Href = "http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" Rel = "stylesheet">
<LINK Rel = "stylesheet" Href = "/styles/default/default.css">
<SCRIPT Src = "/socket.io/socket.io.js"></SCRIPT>
<SCRIPT Src = "https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></SCRIPT>
<SCRIPT Src = "https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></SCRIPT>
<SCRIPT Src = "http://www.google.com/jsapi" Type = "text/javascript"></SCRIPT>
<SCRIPT Src = "main.js" Type = "text/javascript"></SCRIPT>
<!--TinyPic Plugin-->
<script type="text/javascript">
tinypic_layout = 'wide';
tinypic_type = 'both';
tinypic_links = 'url';
tinypic_language = 'en';
tinypic_search = 'true';
tinypic_autoload = false;
</script>
<script src="http://plugin.tinypic.com/j/plugin.js" type="text/javascript"></script>
</HEAD>
<BODY>
<DIV Id = "centerer">
<DIV Id = "header">
<DIV Id = "banner" Class = "drop-shadow text-outline">KachoTube</DIV>
</DIV>
<DIV Class = "text-outline" Id = "videoTitle"></DIV>
<!-- Video player -->
<DIV Id = "NNDOverlay"></DIV>
<DIV Class = "drop-shadow" Id = "videoDivContainer">
<DIV Id = "videoDiv"></DIV>
</DIV>
<!-- Chat -->
<DIV Id = "chatContainer">
<DIV Class = "drop-shadow" Id = "chatInfoContainer">
<DIV Id = "usernameContainer">
<SPAN Id = "username" Class = "clickable" Title = "Click to change">Name</SPAN>
<INPUT Type = "Text" Id = "changeNameInput" Title = "Tripcode how-to: yourName#yourSecretWord" Style = "display: none;">
<SPAN Id = "changeNameClose" Class = "clickable fa fa-times fa-lg" Style = "display: none;"></SPAN>
</DIV>
<SPAN Id = "totalUsersContainer">Viewers: <SPAN Id = "totalUsers"></SPAN></SPAN>
</DIV>
<DIV Class = "drop-shadow" Id = "chatList"></DIV>
<DIV Class = "drop-shadow" Id = "userList"></DIV>
<DIV Class = "drop-shadow" Id = "chatInputContainer">
<INPUT Type = "Text" Id = "chatInput" MaxLength = "200">
<INPUT Type ="button" Id = "openTinypicButton" Value = "TinyPic" OnClick ="openTinypic();" Title = "Open TinyPic plugin. Chat can display TinyPic URLs.">
</DIV>
</DIV>
<!-- Playlist -->
<DIV Id = "playlistStuff">
<DIV Class = "drop-shadow" Id = "playlistControls">
<DIV Id = "skipContainer">
<INPUT Id = "skipButton" Type = "button" Value = "SKIP" OnClick = "toggleSkip();">
<BR>
<SPAN Id = "skipVote">0/0</SPAN>
</DIV>
<DIV Id = "videoListInfo"></DIV>
<INPUT Type = "button" Value = "Add Video" Id = "addVideoButton" Title = "Currently supported: YouTube - youtube.com/watch?v=XXXXXX Dailymotion - dailymotion.com/video/XXXXXX UStream* - ustream.tv/embed/12345678 (copy the embed code in the share button) Livestream* - livestream.com/XXXXXX Twitch.tv* - twitch.tv/XXXXXX *Streams are loaded on-demand and can only be added by master users" OnClick = "toggleAddVideo();">
<INPUT Type = "Text" Id = "addVideoInput" Size = "45" Style = "display:none;">
<BR>
<SPAN Class = "clickable fa fa-search fa-lg" Id = "searchButton" OnClick = "openSearch();" Title = "Search for Videos on YouTube"></SPAN>
<SPAN Class = "clickable fa fa-save fa-lg" Id = "playlistSaveButton" OnClick = "generatePlaylistSaveData();" Title = "Save Playlist"></SPAN>
<SPAN Class = "master-control hidden clickable fa fa-upload fa-lg" Id = "playlistLoadButton" OnClick = "openLoadPopup();" Title = "Load Playlist"></SPAN>
<SPAN Class = "master-control hidden clickable fa fa-trash-o fa-lg" OnClick = "clearPlaylist();" Title = "Clear Playlist"></SPAN>
<SPAN Class = "master-control hidden clickable fa fa-magic fa-lg" OnClick = "cleanPlaylist();" Title = "Clean Playlist (Delete up to currently playing video)"></SPAN>
<SPAN Class = "master-control hidden clickable fa fa-random fa-lg" OnClick = "shufflePlaylist();" Title = "Shuffle Playlist"></SPAN>
<SPAN Class = "clickable fa fa-cogs fa-lg" Id = "settingsButton" OnClick = "showSettings();" Title = "Settings"></SPAN>
<SPAN Class = "master-control hidden clickable fa fa-cog fa-lg" Id = "roomSettingsButton" OnClick = "showRoomSettings();" Title = "Room Settings"></SPAN>
<SPAN Class = "admin-control hidden clickable fa fa-wrench fa-lg" Id = "adminCPButton" OnClick = "showCP();" Title = "Admin CP"></SPAN>
</DIV>
<SPAN Class = "window-title text-outline" Style = "margin-top:120; margin-left:-670">Playlist</SPAN>
<DIV Class = "drop-shadow" Id = "videoList"></DIV>
</DIV>
<!-- WIP: Fun area -->
<DIV Id = "funZoneContainer">
<DIV Class = "drop-shadow" Id = "serverMessageContainer">
<SPAN Class = "window-title text-outline" Style = "margin-left: -6; margin-top: -20">Server Messages</SPAN>
<SPAN Id = "serverMessages"></SPAN>
</DIV>
<DIV Class = "drop-shadow" Id = "funContainer"></DIV>
</DIV>
<!-- Footer -->
<DIV Class = "text-outline" Id = "footer">
KachoTube © 2014<BR><BR>
</DIV>
</DIV>
<!--Popup windows-->
<DIV Class = "drop-shadow" Id = "thumbnailPopup"></DIV>
<DIV Class = "drop-shadow" Id = "iframePopup">
<SPAN Class = 'fa fa-bars fa-lg popup-gripper'></SPAN><SPAN Class = 'popup-title default-popup-control'></SPAN><SPAN Class = "clickable fa fa-times-circle fa-lg default-popup-control" Id = "closeIframe"></SPAN>
<DIV Id = "iframePopupContent" Class = "default-popup-control"></DIV>
</DIV>
<DIV Class = "drop-shadow" Id = "saveVidPopup">
<SPAN Class = 'fa fa-bars fa-lg popup-gripper'></SPAN><SPAN Class = 'popup-title'>Save</SPAN><SPAN Class = "clickable fa fa-times-circle fa-lg" Id = "closeSaveVid"></SPAN>
<TEXTAREA Id = "playlistSave" Rows = "5" Cols = "30"></TEXTAREA>
<DIV Id = "saveHelpText">Save by copying and pasting into a text editor (Select all with Ctrl-A, if you forgot)</DIV>
</DIV>
<DIV Class = "drop-shadow" Id = "loadVidPopup">
<SPAN Class = 'fa fa-bars fa-lg popup-gripper'></SPAN><SPAN Class = 'popup-title'>Load</SPAN><SPAN Class = "clickable fa fa-times-circle fa-lg" Id = "closeLoadVid"></SPAN>
<TEXTAREA Id = "playlistLoad" Rows = "5" Cols = "30"></TEXTAREA>
<DIV Id = "loadHelpText">Paste (Ctrl-V) a series of video URLs that you made or a previously saved playlist and press load!<BR><BR>Note: Videos will be appended to the list, so clear it first if you want to load a new playlist.<BR>
<INPUT Type = "Button" Value = "Load" onClick = "sendPlaylistSaveData()"></DIV>
</DIV>
<DIV Class = "drop-shadow" Id = "settingsPopup">
<SPAN Class = 'fa fa-bars fa-lg popup-gripper'></SPAN><SPAN Class = 'popup-title'>Settings</SPAN><SPAN Class = "clickable fa fa-times-circle fa-lg" Id = "closeSettings"></SPAN>
<DIV Id = "settingsDiv">
<LABEL For = "syncTimeDiff">Sync within </LABEL>
<SELECT Name = "syncTimeDiff" Id = "syncTimeDiff">
<OPTION>2 seconds</OPTION>
<OPTION Selected = "selected">5 seconds</OPTION>
<OPTION>10 seconds</OPTION>
<OPTION>20 seconds</OPTION>
<OPTION>Do not sync</OPTION>
</SELECT>
<BR>
<LABEL For = "chatDisplayMode">Chat text display mode: </LABEL>
<SELECT Name = "chatDisplayMode" Id = "chatTextDisplay">
<OPTION>Normal</OPTION>
<OPTION Selected = "selected">Typewriter</OPTION>
<OPTION>Fade-in</OPTION>
</SELECT>
<BR>
Player size:
<INPUT Type = "radio" Name = "playerSize" Id = "settingPlayerSizeSm" checked> SM
<INPUT Type = "radio" Name = "playerSize" Id = "settingPlayerSizeLg"> LG<BR>
Chat image size:
<INPUT Type = "radio" Name = "chatImgSize" Id = "settingChatImgSizeSm"> SM
<INPUT Type = "radio" Name = "chatImgSize" Id = "settingChatImgSizeMed" checked> MED
<INPUT Type = "radio" Name = "chatImgSize" Id = "settingChatImgSizeLg"> LG<BR>
<INPUT Type = "checkbox" Id = "settingShowChatImages" Checked> Show chat images<BR>
<INPUT Type = "checkbox" Id = "settingShowChatVideos" Checked> Show chat videos<BR>
<INPUT Type = "checkbox" Id = "settingNNDToggle" Checked> Display Nico Nico style comments<BR>
<INPUT Type = "checkbox" Id = "settingShowTimestamp"> Show timestamps (hover for full time)<BR>
<INPUT Type = "checkbox" Id = "settingDisplayTrips" Checked> Display tripcodes<BR>
<INPUT Type = "checkbox" Id = "settingShowChat" Checked> Show chat<BR>
</DIV>
<INPUT Type = "button" Id = "saveSettings" Value = "Save" onClick = "saveSettings();"><INPUT Type = "button" Id = "resetSettings" Value = "Reset" onClick = "resetSettings();">
</DIV>
<DIV Class = "drop-shadow" Id = "roomSettingsPopup">
<SPAN Class = 'fa fa-bars fa-lg popup-gripper'></SPAN><SPAN Class = 'popup-title'>Room Settings</SPAN><SPAN Class = "clickable fa fa-times-circle fa-lg" Id = "closeRoomSettings"></SPAN>
<DIV Id = "roomSettingsDiv" Class = "master-control">
<INPUT Type = "checkbox" Id = "settingLockPlaylist"> Lock playlist<BR>
<INPUT Type = "checkbox" Id = "settingVideoVoting" Checked> Allow video voting<BR>
<INPUT Type = "checkbox" Id = "settingAllowSkips" Checked> Allow skips<BR>
<INPUT Type = "radio" name = "skipType" Id = "settingSkipByPercent" checked> Skip by percent: <INPUT Type = "number" Size = "2" Value = "66" Id = "skipPercent"><BR>
<INPUT Type = "radio" name = "skipType" Id = "settingSkipByVotes"> Skip by votes: <INPUT Type = "number" Size = "2" Value = "0" Id = "skipVotes"><BR>
<INPUT Type = "checkbox" Id = "settingVideoVoteAutoplay" Checked> Allow the playlist to go to the highest voted videos automatically<BR>
<INPUT Type = "checkbox" Id = "settingNormalUserMaster" Checked> Allow normal users to become master users<BR>
</DIV>
<INPUT Type = "Button" Id = "roomSettingsApply" Value = "Apply" OnClick = "applySkipSettings();">
</DIV>
<DIV Class = "drop-shadow" Id = "cpPopup">
<SPAN Class = 'fa fa-bars fa-lg popup-gripper'></SPAN><SPAN Class = 'popup-title'>Admin CP</SPAN><SPAN Class = "clickable fa fa-times-circle fa-lg" Id = "closeAdminCPSettings"></SPAN>
<DIV Id = "adminCPSettingsDiv" Class = "admin-control">
<U>Mod List</U>
<DIV Id = "modList"></DIV>
<U>Ban List</U>
<DIV Id = "banList"></DIV>
</DIV>
</DIV>
<DIV Class = "drop-shadow" Id = "banUserPopup">
<SPAN Class = 'fa fa-bars fa-lg popup-gripper'></SPAN><SPAN Class = 'popup-title'>Ban User</SPAN><SPAN Class = "clickable fa fa-times-circle fa-lg" Id = "closeBanUserPopup"></SPAN>
<DIV Id = 'banUserPopupDiv'>
<DIV Class = 'ban-name'></DIV>
<DIV Class = 'ban-reason'>
Ban reason: <INPUT Type = "text" Size = "20" MaxLength = "10" Class = "ban-reason-input">
</DIV>
<DIV Class = 'ban-length' Title = 'in days'>
Ban length: <INPUT Type = "number" Size = "3" MaxLength = "3" Class = "ban-length-input">
</DIV>
</DIV>
<INPUT Type = "Button" Value = "Ban" OnClick = "banUser()" Class = "ban-button-confirm">
</DIV>
<DIV Class = "drop-shadow" Id = "userPopup">
<SPAN Class = 'fa fa-bars fa-lg popup-gripper'></SPAN><SPAN Class = "clickable fa fa-times-circle fa-lg" Id = "closeUserPopup"></SPAN>
<DIV Id = "userPopupDiv">
<SPAN Id = "userPopupName"></SPAN><BR><SPAN Class = "mute-button clickable fa fa-volume-up fa-lg" Title = "Mute user" onClick = "toggleUserMute();"></SPAN> <SPAN Class = "pm-button clickable fa fa-envelope fa-lg" onClick = "setPrivateMessage();" Title = "Send whisper"></SPAN> <SPAN Class = "mod-button clickable fa fa-certificate admin-control mod-control fa-lg" onClick = "addMod();" Title = "Mod user"></SPAN> <SPAN Class = "boot-button clickable fa fa-legal admin-control mod-control fa-lg" onClick = "bootUser();" Title = "Boot user"></SPAN>
<SPAN Class = "ban-button clickable fa fa-ban admin-control mod-control fa-lg" onClick = "banConfirm();" Title = "Ban user"></SPAN>
</DIV>
</DIV>
<!--<DIV Id = "debug">
Sync: <SPAN Id = "masterTime">Time</SPAN>
You: <SPAN Id = "username">Name</SPAN>
Master: <SPAN Id = "masteruser">Master Username</SPAN>
</DIV>-->
<!--Firefox only-->
<MENU Type = "context" Id = "videoContextMenu">
<MENUITEM Label = "Show YouTube URL" OnClick = "alert(rightClickVid)"></MENUITEM>
</MENU>
</BODY>
</HTML>