-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
52 lines (43 loc) · 2.49 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Web Audio Sound Design | NeuroFunk</title>
<meta name="description" content="A web audio sound design demonstration.">
<meta name="author" content="Nick Thompson">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Open+Sans:400,300,600" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/custom.css">
<link rel="stylesheet" href="css/nprogress.css">
<link rel="icon" type="image/png" href="images/favicon.png">
</head>
<body>
<div class="section">
<div class="container">
<div class="row">
<div class="ten columns main">
<h3 class="title">Sound Design in Web Audio</h3>
<h5 class="subtitle">NeuroFunk Bass Demonstration</h3>
<p class="description">
This page serves to demonstrate a sound design experiment in Web Audio, which I've written about
<a href="http://nickwritesablog.com/sound-design-in-web-audio-neurofunk-bass-part-1/">on my blog</a>. The source code is also available on my
<a href="https://github.com/nick-thompson/neuro">Github profile</a>.
When you hit the "Play Demonstration" button below, you'll hear the progression of a simple bass sound through various stages of this particular sound design process. The final sound will then be available for download via the "Download Result" button. Each time you run the demonstration, the sound may change slightly, as certain parameters are scheduled with random values each iteration. The sound may be a little loud, so be careful with your speaker volume!
</p>
<button class="button" id="play">Play Demonstration</button>
<button class="button" id="download" disabled>Download Result</button>
<p class="disclaimer">
Can't hear anything? This project relies on Web Audio features that, at the time of writing, I have only found implemented in Chrome Canary. Give that a try, and keep an eye on your error console!
</p>
</div>
</div>
</div>
</div>
<div class="section photo"></div>
<script type="text/javascript" src="vendor/recorder.js"></script>
<script type="text/javascript" src="neuro.js"></script>
</body>
</html>