├── LICENSE.txt
├── README.md
├── app.yaml
├── archive
├── Speaker_Icon_gray.svg
└── raven_file.egg
├── css
├── main.css
├── nodes.css
└── reset.css
├── favicon.ico
├── fonts
├── proxima_nova_reg-webfont.eot
├── proxima_nova_reg-webfont.svg
├── proxima_nova_reg-webfont.ttf
└── proxima_nova_reg-webfont.woff
├── img
├── analyser-bg.png
├── body-bkg.gif
├── ico-analyser.gif
├── ico-arrow.png
├── ico-close.gif
├── ico-play.gif
├── ico-plus.png
├── ico-speaker.png
├── ico-stop.gif
├── logo.png
├── output-bkg.gif
├── slider-bkg.gif
└── slider-handle.png
├── index.html
├── js
├── analyser.js
├── dialcontrol.js
├── dragging.js
├── jquery-1.7.2.min.js
├── jquery-ui-1.8.21.custom.min.js
├── main.js
├── pointerevents.js
└── ui.js
└── sounds
├── bark.mp3
├── bass.ogg
├── drums.ogg
├── glass-hit.ogg
├── guitar.ogg
├── irHall.ogg
├── laser.ogg
├── sine-440Hz.ogg
├── voice.ogg
└── youre-on-the-right-track.ogg
/LICENSE.txt:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2014 Chris Wilson
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | Web Audio Playground
2 | ==========
3 |
4 | This is the source code for the
5 | [Web Audio Playground](https://webaudioplayground.appspot.com/)
6 | application.
7 |
8 | ## Installation ##
9 |
10 | To install the application locally,
11 | [download a copy of the Python App Engine SDK](https://developers.google.com/appengine/downloads)
12 | for your operating system, install it, point it at a check-out of this
13 | repo and view the application on a local port using the latest version of
14 | Google Chrome.
15 |
16 | Alternately, you can simply host the directory structure on a local web server, and load index.html.
17 | (The app cannot be run from file:// as XMLHTTPRequest doesn't work.)
18 |
--------------------------------------------------------------------------------
/app.yaml:
--------------------------------------------------------------------------------
1 | application: webaudioplayground
2 | version: 1
3 | runtime: python27
4 | api_version: 1
5 | threadsafe: yes
6 |
7 | handlers:
8 | - url: /
9 | static_files: index.html
10 | upload: index.html
11 |
12 | - url: /css
13 | static_dir: css
14 |
15 | - url: /fonts
16 | static_dir: fonts
17 |
18 | - url: /img
19 | static_dir: img
20 |
21 | - url: /favicon.ico
22 | static_files: favicon.ico
23 | upload: favicon.ico
24 |
25 | - url: /js
26 | static_dir: js
27 |
28 | - url: /sounds
29 | static_dir: sounds
30 |
--------------------------------------------------------------------------------
/archive/Speaker_Icon_gray.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/archive/raven_file.egg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/archive/raven_file.egg
--------------------------------------------------------------------------------
/css/main.css:
--------------------------------------------------------------------------------
1 | /* main.css */
2 |
3 | /* ---------------------------------------------------------------------------
4 | * :: Type
5 | *
6 | * - Fonts
7 | * - Base
8 | * - Links
9 | * -------------------------------------------------------------------------*/
10 |
11 | div.link {
12 | position:fixed;
13 | font-style: italic;
14 | color: lightgrey;
15 | bottom: 0px;
16 | right: 120px;
17 | }
18 |
19 | div.link a {
20 | color: white;
21 | font: inherit;
22 | text-decoration: underline;
23 | }
24 |
25 | /* Fonts */
26 | @font-face {
27 | font-family: 'ProximaNovaRgRegular';
28 | src: url('../fonts/proxima_nova_reg-webfont.eot');
29 | src: url('../fonts/proxima_nova_reg-webfont.eot?#iefix') format('embedded-opentype'),
30 | url('../fonts/proxima_nova_reg-webfont.woff') format('woff'),
31 | url('../fonts/proxima_nova_reg-webfont.ttf') format('truetype'),
32 | url('../fonts/proxima_nova_reg-webfont.svg#ProximaNovaRgRegular') format('svg');
33 | font-weight: normal;
34 | font-style: normal;
35 | }
36 |
37 | /* Base */
38 | html,
39 | button,
40 | input,
41 | select,
42 | textarea {
43 | font-family: 'ProximaNovaRgRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
44 | color: #4c4c4c;
45 | }
46 | body {
47 | font-size: 1em;
48 | line-height: 1.4;
49 | }
50 |
51 | /* Links */
52 | a,
53 | a:visited {
54 | color: #4c4c4c;
55 | font-size: .6875em; /* 11 / 16 */
56 | text-decoration: none;
57 | }
58 | a:hover {
59 | color: #000;
60 | text-decoration: none;
61 | }
62 |
63 |
64 | /* ---------------------------------------------------------------------------
65 | * :: Raw elements
66 | * -------------------------------------------------------------------------*/
67 | body {
68 | background: url('../img/body-bkg.gif');
69 | }
70 |
71 |
72 | /* ---------------------------------------------------------------------------
73 | * :: Main
74 | *
75 | * - Header
76 | * - Nav
77 | * - Controls
78 | * - Dropdown
79 | * - Dropdown arrow
80 | * - Modules
81 | * -------------------------------------------------------------------------*/
82 | #main {
83 | padding-right: 106px;
84 | position: relative;
85 | z-index: 1;
86 | }
87 |
88 | /* Header */
89 | #header {
90 | margin: 0;
91 | padding: 2em 0 0 2em;
92 | }
93 |
94 | /* Nav */
95 | #nav {
96 | margin: 0 0 1.3em;
97 | padding: 1.3em 0 0 2em;
98 | }
99 |
100 | /* Controls */
101 | #controls {
102 | list-style: none;
103 | margin: 0;
104 | padding: 0;
105 | }
106 | #controls li {
107 | float: left;
108 | margin-right: .8em;
109 | position: relative;
110 | }
111 | #controls a {
112 | background: url('../img/ico-plus.png') .9em 50% no-repeat #fff;
113 | border-radius: 5px;
114 | color: #4c4c4c;
115 | display: block;
116 | font-size: .625em; /* 11 / 16 */
117 | padding: .5em 1em .4em 2.6em;
118 | text-transform: uppercase;
119 | -webkit-transition: background-color 0.1s linear;
120 | transition: background-color 0.1s linear;
121 | }
122 |
123 | /* Dropdown */
124 | #controls .sub-menu {
125 | display: none;
126 | left: 0;
127 | padding-top: 8px;
128 | position: absolute;
129 | z-index: 1000;
130 | }
131 | #controls ul {
132 | background-color: #fff;
133 | border: 1px solid #aaa;
134 | border-radius: 5px;
135 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
136 | list-style: none;
137 | margin: 0;
138 | padding: .2em 0;
139 | position: relative;
140 | }
141 | #controls ul li {
142 | float: none;
143 | margin: 0;
144 | padding: 0;
145 | }
146 | #controls ul a {
147 | background: none;
148 | background-image: none;
149 | border-radius: 0;
150 | padding: .5em 1em .4em;
151 | white-space: nowrap;
152 | }
153 | #controls ul a:hover {
154 | background-color: #dbdbdb;
155 | }
156 | #controls li:hover .sub-menu {
157 | display: block;
158 | }
159 |
160 | /* Dropdown arrow */
161 | #controls ul:after,
162 | #controls ul:before {
163 | bottom: 100%;
164 | border: solid transparent;
165 | content: " ";
166 | height: 0;
167 | width: 0;
168 | position: absolute;
169 | pointer-events: none;
170 | }
171 | #controls ul:after {
172 | border-bottom-color: #ffffff;
173 | border-width: 8px;
174 | left: 20%;
175 | margin-left: -8px;
176 | }
177 | #controls ul:before {
178 | border-bottom-color: #aaa;
179 | border-width: 9px;
180 | left: 20%;
181 | margin-left: -9px;
182 | }
183 |
184 | /* Modules */
185 | #modules {
186 | padding-left: 2em;
187 | }
188 |
189 | /* ---------------------------------------------------------------------------
190 | * :: Output
191 | * -------------------------------------------------------------------------*/
192 | #output {
193 | background:
194 | url('../img/ico-speaker.png') 50% 50% no-repeat,
195 | url('../img/output-bkg.gif') 0 0 repeat;
196 | border-left: 1px solid #363636;
197 | box-shadow: 0 0 3px rgba(0,0,0, .4);
198 | bottom: 0;
199 | display: block;
200 | height: 100%;
201 | position: absolute;
202 | right: 0;
203 | top: 0;
204 | width: 105px;
205 | z-index: 100;
206 | }
207 | #output .node {
208 | left: -18px;
209 | margin-top: -11px;
210 | position: absolute;
211 | top: 50%;
212 | }
213 |
214 |
215 | /* ---------------------------------------------------------------------------
216 | * :: Global classes and styles
217 | *
218 | * - Clearfix
219 | * - Nodes
220 | * - Modules
221 | * - Module nodes
222 | * - Module close
223 | * - Module footer
224 | * - Control group
225 | * - Slider
226 | * -------------------------------------------------------------------------*/
227 |
228 | /* Clearfix */
229 | .container:before, .container:after { content: ""; display: table; }
230 | .container:after { clear: both; }
231 | .container { *zoom: 1; }
232 |
233 | /* Nodes */
234 | .node {
235 | background: #fff;
236 | border-radius: 50%;
237 | box-shadow: 0 0 3px rgba(0,0,0, .5);
238 | cursor: pointer;
239 | height: 34px;
240 | position: relative;
241 | width: 34px;
242 | }
243 | .node span {
244 | border-radius: 50%;
245 | display: block;
246 | height: 24px;
247 | left: 5px;
248 | position: absolute;
249 | top: 5px;
250 | width: 24px;
251 | }
252 | .node-input span {
253 | background: #67a90d;
254 | }
255 | .node-output span {
256 | background: #ec2f13;
257 | }
258 | .node:hover {
259 | box-shadow: 0 0 3px rgba(0,0,0, 1);
260 | }
261 |
262 | /* Modules */
263 | .module {
264 | border-radius: 5px;
265 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
266 | display: inline-block;
267 | position: absolute;
268 | }
269 | .module .content {
270 | background: #fff;
271 | border-radius: 5px;
272 | min-width: 10em;
273 | overflow: hidden;
274 | padding: 1em 1.25em 1.25em 1.25em;
275 | position: relative;
276 | }
277 | .module .content img {
278 | display: block;
279 | margin: 0 auto;
280 | }
281 | .module.has-footer .content {
282 | border-bottom: 1px solid #dbdbdb;
283 | border-radius: 5px 5px 0 0;
284 | }
285 | .module h6 {
286 | font-size: .75em;
287 | margin: 0 0 1em;
288 | text-align: center;
289 | text-transform: uppercase;
290 | }
291 |
292 | /* Module nodes */
293 | .module .node {
294 | position: absolute;
295 | margin-top: -16px;
296 | top: 50%;
297 | }
298 | .module .node-input {
299 | left: -18px;
300 | }
301 | .module .node-output {
302 | right: -18px;
303 | }
304 |
305 | /* Module close */
306 | .module .close {
307 | background: url('../img/ico-close.gif') 0 0 no-repeat;
308 | height: 8px;
309 | text-indent: -999em;
310 | position: absolute;
311 | right: 8px;
312 | top: 8px;
313 | width: 9px;
314 | }
315 | .module .close:hover {
316 | opacity: .8
317 | }
318 |
319 | .module.analyzer {
320 | }
321 |
322 | /* Module footer */
323 | .module footer {
324 | background-color: #fff;
325 | background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(219, 219, 219));
326 | background-image: linear-gradient(top, rgb(255, 255, 255), rgb(219, 219, 219));
327 | border-radius: 0 0 5px 5px;
328 | overflow: hidden;
329 | padding: 0em .4em .1em;
330 | }
331 | .module footer select {
332 | background: url('../img/ico-arrow.png') 100% 50% no-repeat;
333 | border: none;
334 | box-sizing: border-box;
335 | cursor: default;
336 | font-family: 'Droid Serif', Georgia, serif;
337 | font-size: .625em;
338 | font-style: italic;
339 | outline: none;
340 | white-space: pre;
341 | width: 100%;
342 | -webkit-appearance: none;
343 | -webkit-box-align: center;
344 | }
345 | .module.has-loop footer select {
346 | width: 70%;
347 | }
348 | .module footer .loop {
349 | border-left: 1px solid #dbdbdb;
350 | display: inline;
351 | float: right;
352 | font-size: .625em;
353 | padding: .4em 0 .4em .6em;
354 | text-transform: uppercase;
355 | width: 23%;
356 | }
357 |
358 | /* Control group */
359 | .control-group {
360 | margin: 0 0 1.2em;
361 | }
362 | .control-group.last {
363 | margin: 0;
364 | }
365 |
366 | .control-group:last-of-type {
367 | margin: 0;
368 | }
369 |
370 | .control-group.disabled .slider-info {
371 | color: #e0e0e0;
372 | }
373 | /* Slider */
374 | .slider-info {
375 | font-size: .625em; /* 10 / 16 */
376 | margin-bottom: 1em;
377 | overflow: hidden;
378 | padding-bottom: .4em;
379 | position: relative;
380 | }
381 | .slider-info .label {
382 | display: inline;
383 | float: left;
384 | text-transform: uppercase;
385 | width: 49%;
386 | }
387 | .slider-info .value {
388 | display: inline;
389 | float: right;
390 | font-weight: bold;
391 | text-align: right;
392 | text-transform: uppercase;
393 | width: 49%;
394 | }
395 | .module .slider-info:last-child {
396 | margin-bottom: 0;
397 | }
398 |
399 | .ui-slider {
400 | background: url('../img/slider-bkg.gif') 0 0 repeat-x;
401 | border: 0 none;
402 | color: #fff;
403 | height: 11px;
404 | position: relative;
405 | text-align: left;
406 | }
407 | .ui-state-default,
408 | .ui-widget-content .ui-state-default,
409 | .ui-widget-header .ui-state-default {
410 | border: 1px solid #cccccc;
411 | background: #f6f6f6;
412 | font-weight: bold;
413 | color: #1c94c4;
414 | }
415 | .ui-slider .ui-slider-handle {
416 | background: url('../img/slider-handle.png') 0 1px no-repeat;
417 | border: 0 none;
418 | cursor: default;
419 | height: 18px;
420 | margin-left: -.6em;
421 | position: absolute;
422 | top: -.3em;
423 | width: 16px;
424 | z-index: 2;
425 | }
426 | .ui-slider .ui-slider-range {
427 | background-position: 0 0;
428 | border: 0;
429 | display: block;
430 | font-size: .7em;
431 | height: 100%;
432 | position: absolute;
433 | top: 0;
434 | z-index: 1;
435 | }
436 | .ui-slider .ui-slider-range-min {
437 | left: 0;
438 | }
439 | .ui-slider .ui-slider-range-max {
440 | right: 0;
441 | }
442 |
443 | input[type="range"] {
444 | -webkit-appearance: none;
445 | background-color: #303030;
446 | height: 2px;
447 | display: block;
448 | margin-top: 5px;
449 | margin-bottom: 15px;
450 | width: 100%;
451 | }
452 |
453 | input[type="range"]::-webkit-slider-thumb {
454 | -webkit-appearance: none;
455 | position: relative;
456 | top: 0px;
457 | z-index: 1;
458 | width: 20px;
459 | height: 20px;
460 | cursor: pointer;
461 | -webkit-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
462 | -moz-box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
463 | box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.6);
464 | -webkit-border-radius: 40px;
465 | -moz-border-radius: 40px;
466 | border-radius: 40px;
467 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7373), color-stop(50%,#a00000), color-stop(51%,#700000), color-stop(100%,#ff7373));
468 | }
469 |
--------------------------------------------------------------------------------
/css/nodes.css:
--------------------------------------------------------------------------------
1 | .node {
2 | position: absolute;
3 | background-color: #aaf;
4 | border: 4px solid blue;
5 | border-radius: 20px;
6 | color: #000000;
7 | padding: 10px;
8 | width: 150px;
9 | height: 150px;
10 | font: 14px/10px Geneva, sans-serif;
11 | vertical-align: text-top;
12 | }
13 |
14 | .inputconnector {
15 | position: absolute;
16 | left:-12px; top:75px;
17 | width:10px; height:10px;
18 | border:5px solid red;
19 | border-radius: 10px;
20 | background: gray;
21 | }
22 |
23 | .inputconnector.connected, .outputconnector.connected { background: lightgreen }
24 | .inputconnector.canConnect, .outputconnector.canConnect { background: pink }
25 |
26 | .outputconnector {
27 | position: absolute;
28 | right:-12px; top:75px;
29 | width:10px; height:10px;
30 | border:5px solid green;
31 | border-radius: 10px;
32 | background: gray;
33 | }
34 |
35 | .dialcontrol {
36 | position: absolute;
37 | }
38 |
39 | #code { font: 10pt Courier New, fixed; }
--------------------------------------------------------------------------------
/css/reset.css:
--------------------------------------------------------------------------------
1 | /* reset.css */
2 |
3 | article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
4 | audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
5 | audio:not([controls]) { display: none; }
6 | [hidden] { display: none; }
7 |
8 | html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
9 | html, button, input, select, textarea { font-family: sans-serif; color: #222; }
10 | body { margin: 0; font-size: 1em; line-height: 1.4; }
11 |
12 | ::-moz-selection { background: #00e; color: #fff; text-shadow: none; }
13 | ::selection { background: #00e; color: #fff; text-shadow: none; }
14 |
15 | a { color: #00e; }
16 | a:visited { color: #551a8b; }
17 | a:hover { color: #06e; }
18 | a:focus { outline: thin dotted; }
19 | a:hover, a:active { outline: 0; }
20 | abbr[title] { border-bottom: 1px dotted; }
21 | b, strong { font-weight: bold; }
22 | blockquote { margin: 1em 40px; }
23 | dfn { font-style: italic; }
24 | hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
25 | ins { background: #ff9; color: #000; text-decoration: none; }
26 | mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
27 | pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
28 | pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
29 |
30 | q { quotes: none; }
31 | q:before, q:after { content: ""; content: none; }
32 | small { font-size: 85%; }
33 | sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
34 | sup { top: -0.5em; }
35 | sub { bottom: -0.25em; }
36 |
37 | ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
38 | dd { margin: 0 0 0 40px; }
39 | nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
40 |
41 | img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
42 | svg:not(:root) { overflow: hidden; }
43 | figure { margin: 0; }
44 |
45 | form { margin: 0; }
46 | fieldset { border: 0; margin: 0; padding: 0; }
47 |
48 | label { cursor: pointer; }
49 | legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
50 | button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
51 | button, input { line-height: normal; }
52 | button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
53 | button[disabled], input[disabled] { cursor: default; }
54 | input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
55 | input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
56 | input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
57 | button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
58 | textarea { overflow: auto; vertical-align: top; resize: vertical; }
59 | input:valid, textarea:valid { }
60 | input:invalid, textarea:invalid { background-color: #f0dddd; }
61 |
62 | table { border-collapse: collapse; border-spacing: 0; }
63 | td { vertical-align: top; }
64 |
--------------------------------------------------------------------------------
/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/favicon.ico
--------------------------------------------------------------------------------
/fonts/proxima_nova_reg-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/fonts/proxima_nova_reg-webfont.eot
--------------------------------------------------------------------------------
/fonts/proxima_nova_reg-webfont.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
--------------------------------------------------------------------------------
/fonts/proxima_nova_reg-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/fonts/proxima_nova_reg-webfont.ttf
--------------------------------------------------------------------------------
/fonts/proxima_nova_reg-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/fonts/proxima_nova_reg-webfont.woff
--------------------------------------------------------------------------------
/img/analyser-bg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/analyser-bg.png
--------------------------------------------------------------------------------
/img/body-bkg.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/body-bkg.gif
--------------------------------------------------------------------------------
/img/ico-analyser.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/ico-analyser.gif
--------------------------------------------------------------------------------
/img/ico-arrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/ico-arrow.png
--------------------------------------------------------------------------------
/img/ico-close.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/ico-close.gif
--------------------------------------------------------------------------------
/img/ico-play.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/ico-play.gif
--------------------------------------------------------------------------------
/img/ico-plus.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/ico-plus.png
--------------------------------------------------------------------------------
/img/ico-speaker.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/ico-speaker.png
--------------------------------------------------------------------------------
/img/ico-stop.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/ico-stop.gif
--------------------------------------------------------------------------------
/img/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/logo.png
--------------------------------------------------------------------------------
/img/output-bkg.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/output-bkg.gif
--------------------------------------------------------------------------------
/img/slider-bkg.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/slider-bkg.gif
--------------------------------------------------------------------------------
/img/slider-handle.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/cwilso/WebAudio/21a39ca012199b56824a5d64c6f687e4e3532d0c/img/slider-handle.png
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Web Audio Playground
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
22 |
23 |
24 |
25 |
28 |
57 |
60 |
61 |
27 |