10_Filters.html 5.27 KB
Newer Older
Dr-Dan's avatar
Dr-Dan committed
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

<!--
Copyright 2010, Google Inc.
All rights reserved.

Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are
met:

    * Redistributions of source code must retain the above copyright
notice, this list of conditions and the following disclaimer.
    * Redistributions in binary form must reproduce the above
copyright notice, this list of conditions and the following disclaimer
in the documentation and/or other materials provided with the
distribution.
    * Neither the name of Google Inc. nor the names of its
contributors may be used to endorse or promote products derived from
this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
"AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>
	Javascript Audio Processing
</title>
Dr-Dan's avatar
Dr-Dan committed
38
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?autoload=true&amp;skin=sunburst&amp;lang=css" defer="defer"></script>
Dr-Dan's avatar
Dr-Dan committed
39
40
41
<!-- <link rel="stylesheet" type="text/css" href="javascript-processing_files/simple.css"> -->


Dr-Dan's avatar
Dr-Dan committed
42
<script src="../maxiLib.js"></script>
43
<!-- <script src="../maxi_webAudio.js"></script> -->
Dr-Dan's avatar
Dr-Dan committed
44
45
46

<!-- Our javascript code -->
<script type="text/javascript">
47
maximJs.maxiAudio.init();
Dr-Dan's avatar
Dr-Dan committed
48

49
50
var myCounter = new maximJs.maxiOsc(); //these oscillators will help us count and play sound
var mySwitchableOsc = new maximJs.maxiOsc();//
Dr-Dan's avatar
Dr-Dan committed
51
52

var CurrentCount;//
53
var myCurrentVolume;
Dr-Dan's avatar
Dr-Dan committed
54
55
var myOscOutput,myFilteredOutput;//

56
var myEnvelope = new maximJs.maxiEnv();
57
var myFilter = new maximJs.maxiFilter();
Dr-Dan's avatar
Dr-Dan committed
58

59

60
    //Timing is in ms
61
62
63
64
65
myEnvelope.setAttack(0);
myEnvelope.setDecay(1);  // Needs to be at least 1
myEnvelope.setSustain(1);
myEnvelope.setRelease(1000);

Dr-Dan's avatar
Dr-Dan committed
66

67
maximJs.maxiAudio.play = function(){
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
    
    myCurrentVolume=myEnvelope.adsr(1.,myEnvelope.trigger);
    
    CurrentCount=Math.round(myCounter.phasor(1, 1, 9));//phasor can take three arguments; frequency, start value and end value.
    
    // You'll notice that these 'if' statements don't require curly braces "{}".
    // This is because there is only one outcome if the statement is true.
    
    if (CurrentCount==1) myEnvelope.trigger=1; //trigger the envelope
    
    else myEnvelope.trigger=0;//release the envelope to make it fade out only if it's been triggered
    
    myOscOutput=mySwitchableOsc.sawn(100);
    
    // Below, the oscilator signals are being passed through a low pass filter.
    // The middle input is the filter cutoff. It is being controlled by the envelope.
    // Notice that the envelope is being amplified so that it scales between 0 and 1000.
    // The last input is the resonance.
    myFilteredOutput=myFilter.lores(myOscOutput,myCurrentVolume*1000,10);
    
88
    this.output=myFilteredOutput;//left speaker
Dr-Dan's avatar
Dr-Dan committed
89
90
91
92
93
94
95
96
97
98
99
100
101
102
}


</script>

</head>

<body>

	<h1> Filter Example </h1>

	<p>
		
	</p>
Dr-Dan's avatar
Dr-Dan committed
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122

    <pre class="prettyprint lang-js linenums:true" id="quine" style="border:4px solid #88c" >
var myCounter = new maximJs.maxiOsc(); //these oscillators will help us count and play sound
var mySwitchableOsc = new maximJs.maxiOsc();//

var CurrentCount;//
var myCurrentVolume;
var myOscOutput,myFilteredOutput;//

var myEnvelope = new maximJs.maxiEnv();
var myFilter = new maximJs.maxiFilter();

function setup(){
    //Timing is in ms
    myEnvelope.setAttack(0);
    myEnvelope.setDecay(1);  // Needs to be at least 1
    myEnvelope.setSustain(1);
    myEnvelope.setRelease(1000);
}

123
maximJs.maxiAudio.play = function(){
Dr-Dan's avatar
Dr-Dan committed
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
    
    myCurrentVolume=myEnvelope.adsr(1.,myEnvelope.trigger);
    
    CurrentCount=Math.round(myCounter.phasor(1, 1, 9));//phasor can take three arguments; frequency, start value and end value.
    
    // You'll notice that these 'if' statements don't require curly braces "{}".
    // This is because there is only one outcome if the statement is true.
    
    if (CurrentCount==1) myEnvelope.trigger=1; //trigger the envelope
    
    else myEnvelope.trigger=0;//release the envelope to make it fade out only if it's been triggered
    
    myOscOutput=mySwitchableOsc.sawn(100);
    
    // Below, the oscilator signals are being passed through a low pass filter.
    // The middle input is the filter cutoff. It is being controlled by the envelope.
    // Notice that the envelope is being amplified so that it scales between 0 and 1000.
    // The last input is the resonance.
    myFilteredOutput=myFilter.lores(myOscOutput,myCurrentVolume*1000,10);
    
144
    this.output=myFilteredOutput;//left speaker
Dr-Dan's avatar
Dr-Dan committed
145
146
}
    </pre>
Dr-Dan's avatar
Dr-Dan committed
147
</body></html>