-
Notifications
You must be signed in to change notification settings - Fork 0
/
video.php
72 lines (69 loc) · 2.45 KB
/
video.php
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
<html>
<head>
<title>LogC - Community video logging</title>
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="footable/footable.js"></script>
<script src="logc.js"></script>
<link href="footable/footable.css" rel="stylesheet" />
<link href="logc.css" rel="stylesheet" />
<script>
userId = '<?php print $userId; ?>';
videoId = '<?php print $videoId; ?>';
</script>
</head>
<body>
<div class="col_container">
<div class="half col" id="video_container">
<video id="video" controls>
<source src="<?php printVideoSrc($videoId); ?>.mp4" type="video/mp4" />
<source src="<?php printVideoSrc($videoId); ?>.ogg" type="video/ogg" />
</video>
<div id="playback_rate" contenteditable="true" tabIndex="-1">1.0</div>
</div> <!-- end #video_container -->
<div class="half col" id="legend">
<h1>Legend</h1>
<div>*Hold ctrl/cmd (+ shift in FireFox) to access these hotkeys</div>
<div>*Playback speeds reset to default playback speed on pause.
You can set default playback speed in the top right of the video player.</div>
<dl>
<dt>j</dt>
<dd>decrease playback speed 10%</dd>
<dt>k</dt>
<dd>Play/pause</dd>
<dt>l</dt>
<dd>increase playback speed 10%</dd>
<dt>space</dt>
<dd>Play/pause</dd>
<dt>←</dt>
<dd>skip back 30 seconds (without shift for 5)</dd>
<dt>→</dt>
<dd>skip ahead 30 seconds (without shift for 5)</dd>
<dt>a</dt>
<dd>add log note</dd>
<dt>d</dt>
<dd>add transcription</dd>
<dt>s</dt>
<dd>save local changes to remote database</dd>
</dl>
</div> <!-- end #legend -->
</div> <!-- end .col_container -->
<table id="log_table" class="footable">
<thead>
<tr>
<th class="timecode">Timecode</th>
<th class="note">Note</th>
<th class="type">Type</th>
<th class="comments">Comments</th>
<th class="likes">Likes</th>
<th class="created">Created</th>
<th class="modified">Modified</th>
<th class="actions">Actions</th>
<th class="status">Status</th>
</tr>
</thead>
<tbody>
<?php printRows($videoId, $userId);?>
</tbody>
</table> <!-- end #log_table -->
</body>
</html>