-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (81 loc) · 3 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf8">
<title>OpenMusic</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="libs/prism/prism.css">
<script src="libs/prism/prism.js"></script>
</head>
<body>
<main role="main">
<h1>OpenMusic</h1>
<h2>Modules and components for Web Audio</h2>
<article role="article" id="principles">
<h3>Principles</h3>
<ul>
<li>OpenMusic custom audio nodes behave like standard <tt>AudioNode</tt>s</li>
<li>one functionality, one module</li>
<li>composable</li>
</ul>
</article>
<article role="article" id="codesample">
<h3>A Simple Example</h3>
<pre><code class="language-javascript">var Oscillator = require('openmusic-oscillator');
var ac = new AudioContext();
var osc = Oscillator(ac);
osc.connect(ac.destination);
osc.start();</code></pre>
</article>
<article role="article" id="longexample">
<h3>A More Complicated Example: Let's Create An Instrument!</h3>
</article>
<article role="article" id="getcode">
<h3>Get the code</h3>
<ul>
<li>Download individual modules from <a href="https://github.com/openmusic">GitHub</a>.</li>
<li>Or do <a href="https://www.npmjs.org/search?q=openmusic">a search</a> for <tt>openmusic-</tt> prefixed modules in npmjs.org.</li>
</ul>
</article>
<article role="article" id="working-with-openmusic-repos">
<h3>Understanding the Modules</h3>
<p>Inside the OpenMusic organization, you will find a lot of modules that can help you get started quickly.</p>
<p>Some modules function like plug-and-play building blocks, whereas others function like templates that you can use to write your own building blocks.</p>
<p>You will notice that many building blocks (example: drum-machine) will have a corresponding ui component. You can choose to write your own UI, or to use the one we've provided.</p>
<p>Modules that function autonomously are often categorized by prefix. For example, examples are prefixed with 'example-', such as 'example-gamepad-drum-machine'. Modules that depend on or are directly related to another are indicated by a suffix. For example, 'theremin-ui' is a ui element designed to function with the 'theremin' module.</p>
<h4>Plug-and-Play</h4>
<ul>
<li>array-to-audiobuffer</li>
<li>clipper</li>
<li>dcbias</li>
<li>drum-machine</li>
<li>drum-machine-ui</li>
<li>frequencygraph</li>
<li>keyboard</li>
<li>oscillator</li>
<li>oscilloscope</li>
<li>sample-player</li>
<li>slider</li>
<li>theremin</li>
<li>theremin-ui</li>
<li>tracker-player</li>
<li>transport</li>
<li>xy-controller</li>
</ul>
<h4>Templates</h4>
<ul>
<li>audio-node-template</li>
<li>web-component-template</li>
</ul>
<h4>Build Utilities</h4>
<ul>
<li>demo-gulp-tasks</li>
</ul>
<h4>Example Instruments</h4>
<ul>
<li>example-gamepad-drum-machine</li>
</ul>
</article>
</main>
</body>
</html>