-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·55 lines (52 loc) · 1.5 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="reset.css" />
<link rel="stylesheet" type="text/css" href="slider.css" />
<title>thang</title>
</head>
<body>
<div id="app">
<header>
<h1>VIDEO SEQUENCER</h1>
<p>A digital tool for those who like sequences</p>
</header>
<input
id="newlocalFILE"
style="width: 80%; height: 10%; font-size: 24pt"
name="video"
size="1"
maxlength="100000"
accept="video/mp4,video/x-m4v,video/*"
type="file"
onchange="processor.changeVideo()"
/>
<p>VIDEO</p>
<div id="video-panel">
<video muted controls id="videoPlayer">
<p>video</p>
<source
id="currentVideo"
crossOrigin="Anonymous"
src="video_adxnap.mov"
controls="true"
loop="false"
/>
</video>
<div id="controls">
<p>CONTROLS</p>
<h6>Interval</h6>
<p id="interval"></p>
<input id="pic-interval" type="range" min="10" max="200" step="6" />
</div>
</div>
<div id="canvasGroup">
<canvas id="c1" width="960" height="540" hidden></canvas>
<canvas id="c2" width="960" height="540" hidden></canvas>
<button>save picture</button>
</div>
</div>
<script type="text/javascript" src="processor.js"></script>
</body>
</html>