-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
57 lines (56 loc) · 1.94 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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>プリクラ!</title>
<script type="text/javascript" src="js/ccv.js"></script>
<script type="text/javascript" src="js/face.js"></script>
<script type="text/javascript" src="js/booth.js"></script>
<script type="text/javascript" src="js/filter.js"></script>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<script type="text/javascript">
var booth = new Booth();
setTimeout(booth.initialize.bind(booth), 1);
</script>
<div id="content">
<h1>
プリクラ！
</h1>
<div id="disclaimer">
This process is extremely heavy and might eat up
all your RAM and CPU.<br />
Be warned that this might freeze or crash your computer.
Save important things before trying this.<br />
When you do try it, give it a little time to do it's thing.
Expect it to be slow.
</div>
<div id="explain">
⇘ click the video to trigger 2 sec timer ⇙
</div>
<video id="localVideo" autoplay="autoplay" style="opacity:1;" src=""></video>
<div id="help">
<h3>Help! Help?</h3>
If the webcam stream isn't showing you probably need to enable
the experimental MediaStream API.<br />
You can do this by doing
<a href="https://sites.google.com/site/webrtc/running-the-demos">
like this
</a>.
<br />
Also remember to <tt>Allow</tt> the page to access
<tt>'your camera and microphone'</tt> when prompted.
</div>
<div id="credit">
<a href="http://liuliu.me/eyes/javascript-face-detection-explained">
JS Face Detect by Liu Liu
</a>
<br />
<a href="http://www.freesound.org/people/FreqMan/sounds/42899/">
Shutter sound by Richard Frohlich
</a>
</div>
</div>
</body>
</html>