-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
139 lines (132 loc) · 9.62 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>­</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAF0lEQVRIx2NgGAWjYBSMglEwCkbBSAcACBAAAeaR9cIAAAAASUVORK5CYII=" rel="icon" type="image/x-icon" />
<link rel="stylesheet" href="https://party.github.io/css/base.css" />
<link rel="stylesheet" href="css/tv.css" />
</head>
<body>
<div class="permissions-bar"><div class="stripe"></div></div>
<div class="permissions-message">Please allow access to your mic</div>
<iframe allowTransparency="true"></iframe>
<canvas id="view1" width="960" height="540"></canvas>
<div class="cover"></div>
<div class="party hidden">
<svg viewBox="0 0 518 245" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g fill-rule="evenodd">
<path d="M0,0 L0,245 L518,245 L518,0 L0,0 Z M106.44,94.908 L106.44,65.82 C106.44,40.6064339 85.8335661,20 60.62,20 L27.5,20 L22,20 L22,25.5 L22,219.9 L22,225.4 L27.5,225.4 L42.476,225.4 L47.976,225.4 L47.976,219.9 L47.976,140.699988 L60.62,140.728 C85.8335661,140.728 106.44,120.121566 106.44,94.908 Z M138.804,20 L134.079595,20 L133.366935,24.6703442 L103.702935,219.070344 L102.737077,225.4 L109.14,225.4 L124.116,225.4 L128.851177,225.4 L129.554919,220.71741 L136.35,175.576 L166.374041,175.718502 L173.401784,220.748115 L174.127801,225.4 L178.836,225.4 L193.812,225.4 L200.214923,225.4 L199.249065,219.070344 L169.585065,24.6703442 L168.872405,20 L164.148,20 L138.804,20 Z M285.52936,123.798352 C285.364847,123.625053 284.49878,122.816681 284.28324,122.718739 C284.37053,122.594115 284.572,122.395352 284.670281,122.298024 C284.670281,122.298024 284.967218,122.00195 285.114116,121.852456 C293.407,113.412992 298.352,101.892316 298.352,89.724 L298.352,65.82 C298.352,40.6064339 277.745566,20 252.532,20 L219.412,20 L213.912,20 L213.912,25.5 L213.912,219.9 L213.912,225.4 L219.412,225.4 L234.388,225.4 L239.888,225.4 L239.888,219.9 L239.899988,135.544 L252.532,135.544 C263.606434,135.544 272.376,144.313566 272.376,155.388 L272.376,219.9 L272.376,225.4 L277.876,225.4 L292.852,225.4 L298.352,225.4 L298.352,219.9 L298.352,155.388 C298.352,143.470443 293.615456,132.316328 285.52936,123.798352 Z M313.692,20 L308.192,20 L308.192,25.5 L308.192,40.476 L308.192,45.976 L313.692,45.976 L335.264,46.025 L335.264,219.9 L335.264,225.4 L340.764,225.4 L356.028,225.4 L361.528,225.4 L361.528,219.9 L361.5375,45.976 L382.812,45.976 L388.312,45.976 L388.312,40.476 L388.312,25.5 L388.312,20 L382.812,20 L313.692,20 Z M436.12,219.9 L436.12,225.4 L441.62,225.4 L456.596,225.4 L462.096,225.4 L462.096,219.9 L462.096,130.62 L461.816612,132.350669 L496.664612,27.2306685 L499.061628,20 L491.444,20 L476.468,20 L472.4906,20 L471.24477,23.7772504 L449.119813,90.9298687 L426.97123,23.7772504 L425.7254,20 L421.748,20 L406.772,20 L399.154372,20 L401.551388,27.2306685 L436.399388,132.350669 L436.12,130.62 L436.12,219.9 Z" fill="#000"></path>
<path d="M47.0000015,45.976 L59.62,45.976 C70.6944339,45.976 79.464,54.7455661 79.464,65.82 L79.464,94.908 C79.464,105.982434 70.6944339,114.752 59.62,114.752 L47.0000015,114.752 L47.0000015,45.976 Z M161.4125,149.6 L139.296461,149.600012 L150.380659,77.2605446 L161.4125,149.6 Z M238.9125,45.976 L251.532,45.976 C262.606434,45.976 271.376,54.7455661 271.376,65.82 L271.376,89.724 C271.376,100.798434 262.606434,109.568 251.532,109.568 L238.9125,109.568 L238.9125,45.976 Z" fill="#000"></path>
</g>
</svg>
<img class="mask-image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADCQAAAW+AQMAAAA/EYKeAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAArNJREFUeNrswYEAAAAAgKD9qRepAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABg9uBAAAAAAADI/7URVFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWFPTgQAAAAAADyf20EVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVhDw4EAAAAAID8XxtBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVXYgwMBAAAAACD/10ZQVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVRX24EAAAAAAAMj/tRFUVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYU9OBAAAAAAAPJ/bQRVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVWEPDgQAAAAAgPxfG0FVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVdiDAwEAAAAAIP/XRlBVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVlfbgQAAAAABAkL/1BBtUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIwAv+wAAVVrJIAAAAAASUVORK5CYII=" />
</div>
<div class="controls">
<div class="controls-content">
<div class="controls-content-inner">
<h1>Controls</h1>
<div class="clearfix">
<div class="control-column">
<h2>Main</h2>
<div class="control-list">
<div class="control">
<div class="key">?</div>
<div class="description">Show/hide this guide</div>
</div>
<div class="control">
<div class="key">ENTER</div>
<div class="description">Re-start vis</div>
</div>
<div class="control">
<div class="key">Arrow keys</div>
<div class="description">Next vis</div>
</div>
</div>
</div>
<div class="control-column">
<h2>Toggles</h2>
<div class="control-list">
<div class="control">
<div class="key">F</div>
<div class="description">Fade to black</div>
</div>
<div class="control">
<div class="key">B</div>
<div class="description">Instant black</div>
</div>
<div class="control">
<div class="key">H</div>
<div class="description">Hue rotate</div>
</div>
<div class="control">
<div class="key">I</div>
<div class="description">Invert</div>
</div>
<div class="control">
<div class="key">P</div>
<div class="description">"PARTY" cover</div>
</div>
<div class="control">
<div class="key">Z</div>
<div class="description">"PARTY" zoom</div>
</div>
<div class="control">
<div class="key">C</div>
<div class="description">Clear</div>
</div>
</div>
</div>
<div class="control-column">
<h2>Special</h2>
<div class="control-list">
<div class="control">
<div class="key">Shift</div>
<div class="description">Control duration</div>
</div>
<div class="control">
<div class="key">Click</div>
<div class="description">Various</div>
</div>
<div class="control">
<div class="key">Mouse move</div>
<div class="description">Various</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- Audio stuff -->
<script src="js/AudioContextMonkeyPatch.js"></script>
<script src="js/waveshaper.js"></script>
<script src="js/effects.js"></script>
<!-- WebGL stuff -->
<script src="js/visualizer/base.js"></script>
<script src="js/visualizer/cameracontroller.js"></script>
<!-- TODO(kbr): remove this dependency -->
<script src="js/visualizer/matrix4x4.js"></script>
<!-- Visualizer GL library -->
<script src="js/visualizer/visualizer.js"></script>
<script src="js/visualizer/shader.js"></script>
<!-- TV app -->
<script src="js/app.js"></script>
<!-- Analytics -->
<script>
setTimeout(function(){ document.body.className = 'loaded'; }, 500);
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-400802-12', 'party.github.io');
ga('send', 'pageview');
</script>
</body>
</html>