-
Notifications
You must be signed in to change notification settings - Fork 13
/
Copy pathplayer.html
66 lines (66 loc) · 2.7 KB
/
player.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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
<title id="page_title"></title>
<link rel="stylesheet" type="text/css" href="scripts/style.css">
<script type="text/javascript" src="scripts/player.js"></script>
<script type="text/javascript" src="scripts/common.js"></script>
<script type="text/javascript" src="scripts/communication.js"></script>
</head>
<body onload="initPlayer()">
<h1 id="demo_header"></h1>
<p id="description"> </p>
<div id="listener">
<!-- NaCl module will be attached inside this div element by a function
defined in common.js after "DOMContentLoaded" event occurs. -->
<div id="subtitle"></div>
<div id="controls">
<div id="seek_area">
<div id="total_bar">
<div id="played_bar"></div>
</div>
<div id="time_info">
<code id="current_time">0</code> s / <code id="total_time">0 </code>
s, <span id="seek_to_box"></span>
</div>
</div>
<div id="button_controls">
<div id="subtitles_reps"><font color="red"> ▇ </font>Subtitles:
<select id="subtitles_select" disabled
onchange="sendRepChange(Selecting.kSubtitles);"></select>
<button id="subs_btn" class="control" disabled
onclick="onSubsClick()">No subtitles</button></div>
<button id="fullscreen_btn" class="control"
onclick="onFullscreenClick()">Fullscreen</button>
<button id="rewind_btn" class="seek_control"
onclick="onRewindClick()">◀ ◀</button>
<button id="play_btn" class="operate_control"
onclick="onPlayPauseClick()">▶</button>
<button id="forward_btn"class="seek_control"
onclick="onForwardClick()">▶ ▶</button>
<button id="close_btn"class="control"
onclick="onCloseClick()">Exit</button>
<div id="select_reps">
<div id="video_reps"><font color="green"> ▇ </font>Video reps:
<select id="video_select"
onchange="sendRepChange(Selecting.kVideo);"></select></div>
<div id="audio_reps" ><font color="yellow"> ▇ </font>Audio reps:
<select id="audio_select"
onchange="sendRepChange(Selecting.kAudio);"></select></div>
</div>
</div>
</div>
</div>
<div id="logs_area">
<div id="nacl_message">
NaCl module status: <code id="status">Uninitialized</code>
<h2>NaCl messages: </h2>
<div id="logs"></div>
</div>
</div>
<div id="loading">Loading, please wait.</div>
<div id="ended">Clip has ended, please exit to main menu.</div>
</body>
</html>