-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
84 lines (81 loc) · 2.77 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
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
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Working Prototype 3</title>
<link rel="stylesheet" type="text/css" href="./css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="./css/style.css">
<script type="text/javascript" src="./js/jquery-3.1.1.js"></script>
<script type="text/javascript" src="./js/popcorn.min.js"></script>
<script type="text/javascript" src="./js/three.min.js"></script>
<script type='text/javascript' src="./js/easing.js"></script>
<script type="text/javascript" src="./js/script.js"></script>
</head>
<body>
<div class="container main">
<div id="initial-user-input">
<div class='row'>
<div class="form-group col-xs-4 col-xs-offset-4">
<label for="exampleInputEmail1">Input Your Name:</label>
<input type="text" name="userName" id="name-input" class='form-control' placeholder='Name'>
</div>
</div>
<div class='row'>
<div id="dragdrop-container" class="form-group col-xs-6 col-xs-offset-3">
<div class='row'>
<div id="dragzone" class='col-xs-10'>
<div id='preview-container'>
<div id='image-placeholder'>
<label>Drag your logo here:</label>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='row'>
<div class='col-xs-2 col-xs-offset-5'>
<label id="img-name"></label>
</div>
</div>
<div class='row'>
<div class='col-xs-2 col-xs-offset-5'>
<label class='dropzone-text'>or</label>
</div>
</div>
<div class='row'>
<div class="form-group col-xs-4 col-xs-offset-4">
<label class="btn btn-primary btn-file">
Upload a file:<input type="file" name="userImage" accept="image/*" id="image-input" class='btn btn-primary btn-file'>
</label>
</div>
</div>
<div class='row'>
<div class="form-group col-xs-4 col-xs-offset-4">
<button type="button" id="btn-create" class="btn btn-success">Create Video</button>
</div>
</div>
</div>
<div id="i-video-container" style="display:none">
<div class='row'>
<div id="viewport">
<video id="video" width="100%" height="100%" class="center" controls>
<source src="../video/big_buck_bunny.mp4" type="video/mp4">
<source src="../video/big_buck_bunny.ogv" type="video/ogv">
<source src="../video/big_buck_bunny.webm" type="video/webm">
<!--MUST ADD OGV AND WEBM files-->
Your browser does not support the video tag.
</video>
<div id="webgl-container" class="overlay"></div>
<div id="overlay-container" class="center overlay">
</div>
</div>
</div>
<div id="interface" class="row" style='display:none'>
<div class="col-xs-4 col-xs-offset-4">
<button id="btn-play" class='btn btn-primary'></button>
<span id='v-time'></span>
</div>
</div>
</div>
</div>
</body>