Paste here the link to your webaudio plugin
20 |
21 | Plugin URL (repository where your main.json file is)
22 |
23 | GUI
24 |
25 |
26 |
29 |
107 |
118 |
108 |
112 |
113 |
117 |
119 |
130 |
120 |
124 |
125 |
129 |
131 |
136 |
132 |
135 |
137 |
141 |
142 |
--------------------------------------------------------------------------------
/examples/plugins/Faust/Oliver-Larkin/ThruZeroFlanger/main.json:
--------------------------------------------------------------------------------
1 | {
2 | "documentation": "...",
3 | "name":"ThruZeroFlanger",
4 | "thumbnail": "FaustThruZeroFlanger.png",
5 | "vendor": "Larkin",
6 | "category":"Modulation",
7 | "version": "1.0"
8 | }
9 |
--------------------------------------------------------------------------------
/examples/plugins/Faust/Oliver-Larkin/ThruZeroFlanger/testThruZeroFlanger.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
138 | FAUST ThruZeroFlanger
139 |
140 |
162 |
182 |
183 |
184 |
--------------------------------------------------------------------------------
/examples/plugins/PureJS/GuitarTuner/main.json:
--------------------------------------------------------------------------------
1 | {
2 | "documentation": "TODO",
3 | "name": "TunerMachine",
4 | "thumbnail": "WasabiTuner.png",
5 | "vendor": "Wasabi",
6 | "category":"Tuner",
7 | "version": "1.0"
8 | }
--------------------------------------------------------------------------------
/examples/plugins/PureJS/GuitarTuner/testTunerWithGuitar.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
163 |
176 |
164 | --Hz
165 |
166 | --
167 |
168 |
169 |
170 | --
171 | CENTS ♭
172 |
173 |
174 |
175 |
177 |
181 |
96 |
107 |
97 |
101 |
102 |
106 |
108 |
114 |
115 |
109 |
113 |
116 |
121 |
122 |
117 |
120 |
123 |
127 |
128 |
129 |
--------------------------------------------------------------------------------
/examples/plugins/PureJS/PingPongDelay/main.js:
--------------------------------------------------------------------------------
1 | /* ################################## PingPongDelay ######################################## */
2 |
3 | /* ES6 web audio class following the API standard
4 | * Author : Guillaume Etevenard
5 | */
6 | window.PingPongDelay = class PingPongDelay extends WebAudioPluginCompositeNode {
7 |
8 | constructor(ctx,URL ,options) {
9 | /* ################ API PROPERTIES ############### */
10 | super(ctx,URL, options)
11 |
12 | this.addParam({name:'feedback', defaultValue: 0.5, minValue: 0, maxValue: 1 });
13 | this.addParam({name: 'time',defaultValue: 0.5, minValue: 0, maxValue: 1 });
14 | this.addParam({name: 'mix',defaultValue: 0.5, minValue: 0, maxValue: 1 });
15 |
16 | // Bypass feature. Useful for swithing the plugin on and off
17 | Object.assign({"status": "disable"},this.params);
18 | super.setup();
19 | }
20 |
21 | /* ################ API METHODS Overriding ############### */
22 | getPatch(index) {
23 | console.warn("this module does not implements patches use getState / setState to get an array of current params values ");
24 | }
25 | setPatch(data, index) {
26 | console.warn("this module does not implements patches use getState / setState to get an array of current params values ");
27 | }
28 | setParam(key, value) {
29 | //console.log(key, value);
30 | try {
31 | this[key] = (value);
32 | } catch (error) {
33 |
34 | console.warn("this plugin does not implement this param")
35 | }
36 | }
37 |
38 | /* ######### Personnal code for the web audio graph ######### */
39 |
40 | createNodes() {
41 | this.delayNodeLeft = this.context.createDelay();
42 | this.delayNodeRight = this.context.createDelay();
43 | this.dryGainNode = this.context.createGain();
44 | this.wetGainNode = this.context.createGain();
45 | this.feedbackGainNode = this.context.createGain();
46 | this.channelMerger = this.context.createChannelMerger(2);
47 | }
48 |
49 | connectNodes() {
50 | // dry mix
51 | this._input.connect(this.dryGainNode);
52 | // dry mix out
53 | this.dryGainNode.connect(this._output);
54 |
55 | // the feedback loop
56 | this.delayNodeLeft.connect(this.channelMerger, 0, 0);
57 | this.delayNodeRight.connect(this.channelMerger, 0, 1);
58 |
59 | this.feedbackGainNode.connect(this.delayNodeLeft);
60 | this.delayNodeRight.connect(this.feedbackGainNode);
61 |
62 | this.delayNodeLeft.connect(this.delayNodeRight);
63 |
64 | // wet mix
65 | this._input.connect(this.feedbackGainNode);
66 |
67 | // wet out
68 | this.channelMerger.connect(this.wetGainNode);
69 | this.wetGainNode.connect(this._output);
70 | }
71 |
72 | // Setter part, it is here that you define the link between the params and the nodes values.
73 | set time(_time) {
74 | if (_time < this._descriptor.time.maxValue && _time > this._descriptor.time.minValue) this.params.time = _time;
75 | this.delayNodeLeft.delayTime.setValueAtTime(_time, this.context.currentTime);
76 | this.delayNodeRight.delayTime.setValueAtTime(_time, this.context.currentTime);
77 | }
78 |
79 | set feedback(_feedback) {
80 | if (_feedback < this._descriptor.feedback.maxValue && _feedback > this._descriptor.feedback.minValue) this.params.feedback = _feedback;
81 | this.feedbackGainNode.gain.setValueAtTime(parseFloat(_feedback, 10), this.context.currentTime);
82 | }
83 |
84 | set mix(_mix) {
85 | if (_mix < this._descriptor.mix.maxValue && _mix > this._descriptor.mix.minValue)this.params.mix = _mix;
86 | this.dryGainNode.gain.setValueAtTime(this.getDryLevel(this.params.mix), this.context.currentTime);
87 | this.wetGainNode.gain.setValueAtTime(this.getWetLevel(this.params.mix), this.context.currentTime);
88 | }
89 |
90 | set status(_sig) {
91 | if (_sig === "enable") {
92 | this.params.status = "enable";
93 | this._input.disconnect(this._output);
94 | this._input.connect(this.feedbackGainNode);
95 | this._input.connect(this.dryGainNode);
96 | }
97 | else if (_sig === "disable") {
98 | this.params.status = "disable";
99 | this._input.disconnect(this.feedbackGainNode);
100 | this._input.disconnect(this.dryGainNode);
101 | this._input.connect(this._output);
102 | }
103 | }
104 |
105 |
106 |
107 | // delay tools
108 | /*
109 | *
110 | *Tools to build sounds
111 | */
112 |
113 | isNumber(arg) {
114 | return toString.call(arg) === '[object Number]' && arg === +arg;
115 | }
116 |
117 | getDryLevel(mix) {
118 | if (!this.isNumber(mix) || mix > 1 || mix < 0)
119 | return 0;
120 |
121 | if (mix <= 0.5)
122 | return 1;
123 |
124 | return 1 - ((mix - 0.5) * 2);
125 | }
126 |
127 | getWetLevel(mix) {
128 | if (!this.isNumber(mix) || mix > 1 || mix < 0)
129 | return 0;
130 |
131 | if (mix >= 0.5)
132 | return 1;
133 |
134 | return 1 - ((0.5 - mix) * 2);
135 | }
136 |
137 | }
138 |
139 |
140 | window.WasabiPingPongDelay = class WasabiPingPongDelay extends WebAudioPluginFactory {
141 |
142 | constructor(context, baseUrl, options) {
143 | super(context, baseUrl,options);
144 | }
145 |
146 | }
147 |
148 | AudioContext.prototype.createWasabiDelayCompositeNode =
149 | OfflineAudioContext.prototype.createWasabiDelayCompositeNode = function (options) {
150 | return new PingPongDelay(this, options);
151 | };
--------------------------------------------------------------------------------
/examples/plugins/PureJS/PingPongDelay/main.json:
--------------------------------------------------------------------------------
1 | {
2 | "documentation": "...",
3 | "name": "PingPongDelay",
4 | "thumbnail": "WasabiPingPongDelay.png",
5 | "vendor": "Wasabi",
6 | "category":"Delay",
7 | "version": "1.0"
8 | }
--------------------------------------------------------------------------------
/examples/plugins/PureJS/PingPongDelay/testPingPongDelay.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
124 | Ping Pong Delay
125 |
126 |
145 | ![]()
146 |
167 |
168 |
--------------------------------------------------------------------------------
/examples/plugins/PureJS/QuadraFuzz/main.js:
--------------------------------------------------------------------------------
1 | /* ################################## Quadrafuzz ######################################## */
2 |
3 | /* ES6 web audio class following the API standard
4 | * Author : Guillaume Etevenard
5 | */
6 | window.QuadraFuzz = class QuadraFuzz extends WebAudioPluginCompositeNode {
7 |
8 |
9 | constructor(ctx, URL, options) {
10 | super(ctx, URL, options)
11 | /* ################ API PROPERTIES ############### */
12 |
13 | this.addParam({ name: 'lowgain', defaultValue: 0.6, minValue: 0, maxValue: 1 });
14 | this.addParam({ name: 'midlowgain', defaultValue: 0.8, minValue: 0, maxValue: 1 });
15 | this.addParam({ name: 'midhighgain', defaultValue: 0.5, minValue: 0, maxValue: 1 });
16 | this.addParam({ name: 'highgain', defaultValue: 0.5, minValue: 0, maxValue: 1 });
17 |
18 | // To have a on/off management
19 | Object.assign({ "status": "disable" }, this.params)
20 | // Call the SDK protocol to build the WAP
21 | super.setup();
22 |
23 | }
24 |
25 | /* ################ API METHODS Overriding ############### */
26 |
27 | getPatch(index) {
28 | console.warn("this module does not implements patches use getState / setState to get an array of current params values ");
29 | }
30 | setPatch(data, index) {
31 | console.warn("this module does not implements patches use getState / setState to get an array of current params values ");
32 | }
33 |
34 | setParam(key, value) {
35 | try {
36 | this[key] = value;
37 | } catch (error) {
38 | console.warn("this plugin does not implement this param")
39 | }
40 | }
41 |
42 | /* ######### Personnal code for the web audio graph ######### */
43 | createNodes() {
44 |
45 | this.dryGainNode = this.context.createGain();
46 | this.wetGainNode = this.context.createGain();
47 |
48 | this.lowpassLeft = this.context.createBiquadFilter();
49 | this.lowpassLeft.type = 'lowpass';
50 | this.lowpassLeft.frequency.value = 147;
51 | this.lowpassLeft.Q.value = 0.7071;
52 |
53 | this.bandpass1Left = this.context.createBiquadFilter();
54 | this.bandpass1Left.type = 'bandpass';
55 | this.bandpass1Left.frequency.value = 587;
56 | this.bandpass1Left.Q.value = 0.7071;
57 |
58 | this.bandpass2Left = this.context.createBiquadFilter();
59 | this.bandpass2Left.type = 'bandpass';
60 | this.bandpass2Left.frequency.value = 2490;
61 | this.bandpass2Left.Q.value = 0.7071;
62 |
63 | this.highpassLeft = this.context.createBiquadFilter();
64 | this.highpassLeft.type = 'highpass';
65 | this.highpassLeft.frequency.value = 4980;
66 | this.highpassLeft.Q.value = 0.7071;
67 |
68 | this.overdrives = [];
69 | for (var i = 0; i < 4; i++) {
70 | this.overdrives[i] = this.context.createWaveShaper();
71 | this.overdrives[i].curve = this.getDistortionCurve();
72 | }
73 |
74 | }
75 |
76 | connectNodes() {
77 | this._input.connect(this.wetGainNode);
78 | this._input.connect(this.dryGainNode);
79 | this.dryGainNode.connect(this._output);
80 |
81 | var filters = [this.lowpassLeft, this.bandpass1Left, this.bandpass2Left, this.highpassLeft];
82 | for (var i = 0; i < filters.length; i++) {
83 | this.wetGainNode.connect(filters[i]);
84 | filters[i].connect(this.overdrives[i]);
85 | this.overdrives[i].connect(this._output);
86 | }
87 |
88 | }
89 | /*
90 | *
91 | *Tools to build sounds
92 | */
93 | getDistortionCurve(gain) {
94 | var sampleRate = this.context.sampleRate;
95 | var curve = new Float32Array(sampleRate);
96 | var deg = Math.PI / 180;
97 |
98 | for (var i = 0; i < sampleRate; i++) {
99 | var x = i * 2 / sampleRate - 1;
100 | curve[i] = (3 + gain) * x * 20 * deg / (Math.PI + gain * Math.abs(x));
101 | }
102 | return curve;
103 | }
104 |
105 | isNumber(arg) {
106 | return toString.call(arg) === '[object Number]' && arg === +arg;
107 | }
108 |
109 | isInRange(arg, min, max) {
110 | if (!this.isNumber(arg) || !this.isNumber(min) || !this.isNumber(max))
111 | return false;
112 |
113 | return arg >= min && arg <= max;
114 | }
115 |
116 |
117 | // Takes a number from 0 to 1 and normalizes it to fit within range floor to ceiling
118 | normalize(num, floor, ceil) {
119 | if (!this.isNumber(num) || !this.isNumber(floor) || !this.isNumber(ceil))
120 | return;
121 |
122 | return ((ceil - floor) * num) / 1 + floor;
123 | }
124 |
125 | // Setter part, it is here that you define the link between the params and the nodes values.
126 | set lowgain(_lowGain) {
127 | if (!this.isInRange(_lowGain, 0, 1))
128 | return;
129 | this.params.lowgain = _lowGain;
130 | this.overdrives[0].curve = this.getDistortionCurve(this.normalize(_lowGain, 0, 150));
131 | }
132 |
133 | set midlowgain(_midLowGain) {
134 | if (!this.isInRange(_midLowGain, 0, 1))
135 | return;
136 | this.params.midlowgain = _midLowGain;
137 | this.overdrives[1].curve = this.getDistortionCurve(this.normalize(_midLowGain, 0, 150));
138 |
139 | }
140 |
141 | set midhighgain(_midHighGain) {
142 | if (!this.isInRange(_midHighGain, 0, 1))
143 | return;
144 | this.params.midhighgain = _midHighGain;
145 | this.overdrives[2].curve = this.getDistortionCurve(this.normalize(_midHighGain, 0, 150));
146 | }
147 | set highgain(_highGain) {
148 | if (!this.isInRange(_highGain, 0, 1))
149 | return;
150 | this.params.highgain = _highGain;
151 | this.overdrives[3].curve = this.getDistortionCurve(this.normalize(_highGain, 0, 150));
152 | }
153 |
154 | set status(_sig) {
155 | if (_sig === "enable") {
156 | this.params.status = "enable";
157 | this._input.disconnect(this._output);
158 | this.connectNodes();
159 |
160 | }
161 | else if (_sig === "disable") {
162 | this.params.status = "disable";
163 | this._input.disconnect(this.dryGainNode);
164 | this._input.disconnect(this.wetGainNode);
165 | this._input.connect(this._output);
166 | }
167 | }
168 |
169 | }
170 |
171 |
172 | window.WasabiQuadraFuzz = class WasabiQuadraFuzz extends WebAudioPluginFactory {
173 |
174 | constructor(context, baseUrl) {
175 | super(context, baseUrl);
176 | }
177 |
178 | }
179 | AudioContext.prototype.createWasabiQuadraFuzzCompositeNode =
180 | OfflineAudioContext.prototype.createWasabiQuadraFuzzCompositeNode = function (options) {
181 | return new QuadraFuzz(this, options);
182 | };
--------------------------------------------------------------------------------
/examples/plugins/PureJS/QuadraFuzz/main.json:
--------------------------------------------------------------------------------
1 | {
2 | "documentation": "...",
3 | "name": "QuadraFuzz",
4 | "thumbnail": "./assets/WasabiQuadraFuzz.png",
5 | "vendor": "Wasabi",
6 | "category":"Distortion",
7 | "version": "1.2"
8 | }
--------------------------------------------------------------------------------
/examples/plugins/PureJS/QuadraFuzz/testQuadrafuzz.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
147 |
149 |
150 |
153 | Highgain
152 |
154 |
157 | Midhighgain
156 |
158 |
161 | Midlowgain
160 |
162 |
165 | Lowgain
164 | QuadraFuzz
166 |
102 |
103 |
119 |
120 |
104 |
105 |
110 |
111 |
112 |
117 |
118 |
121 |
122 |
139 |
140 |
123 |
124 |
130 |
131 |
132 |
137 |
138 |
141 |
142 |
150 |
151 |
143 |
144 |
148 |
149 |
152 |
153 |
160 |
161 |
162 |
163 |
--------------------------------------------------------------------------------
/examples/plugins/PureJS/StereoFlanger/main.js:
--------------------------------------------------------------------------------
1 | window.StereoFlanger = class StereoFlanger extends WebAudioPluginCompositeNode {
2 | constructor(ctx,URL ,options) {
3 | super(ctx,URL, options)
4 |
5 |
6 | this.addParam({ name: 'feedback', defaultValue: 0.5, minValue: 0, maxValue: 1 });
7 | this.addParam({ name: 'delay', defaultValue: 0.003, minValue: 0.001, maxValue: 0.02 });
8 | this.addParam({ name: 'depth', defaultValue: 0.005, minValue: 0.0005, maxValue: 0.02 });
9 | this.addParam({ name: 'frequency', defaultValue: 0.15, minValue: 0.05, maxValue: 2 });
10 | Object.assign({ "status": "disable" }, this.params)
11 |
12 | super.setup();
13 | }
14 |
15 |
16 | setParam(key, value) {
17 | console.log(key, value);
18 | try {
19 | this[key] = (value);
20 | } catch (error) {
21 |
22 | console.warn("this plugin does not implement this param")
23 | }
24 | }
25 |
26 |
27 | createNodes() {
28 | /* @see : https://github.com/cwilso/Audio-Input-Effects/blob/master/js/effects.js */
29 |
30 | this.splitter = this.context.createChannelSplitter(2);
31 | this.merger = this.context.createChannelMerger(2);
32 | this.feedbackLeft = this.context.createGain();
33 | this.feedbackRight = this.context.createGain();
34 | this.oscillator = this.context.createOscillator();
35 | this.depthLeft = this.context.createGain();
36 | this.depthRight = this.context.createGain();
37 | this.delayLeft = this.context.createDelay();
38 | this.delayRight = this.context.createDelay();
39 | this.wetGain = this.context.createGain();
40 | }
41 |
42 | connectNodes() {
43 | /* @see : https://github.com/cwilso/Audio-Input-Effects/blob/master/js/effects.js */
44 |
45 | this._input.connect(this.splitter);
46 | this._input.connect(this.wetGain);
47 |
48 | this.splitter.connect(this.delayLeft, 0);
49 | this.splitter.connect(this.delayRight, 1);
50 |
51 | this.delayLeft.connect(this.feedbackLeft);
52 | this.delayRight.connect(this.feedbackRight);
53 |
54 | this.feedbackLeft.connect(this.delayRight);
55 | this.feedbackRight.connect(this.delayLeft);
56 |
57 | this.oscillator.type = 'triangle';
58 | this.oscillator.connect(this.depthLeft);
59 | this.oscillator.connect(this.depthRight);
60 |
61 | this.depthLeft.connect(this.delayLeft.delayTime);
62 | this.depthRight.connect(this.delayRight.delayTime);
63 |
64 | this.delayLeft.connect(this.merger, 0, 0);
65 | this.delayRight.connect(this.merger, 0, 1);
66 |
67 | this.merger.connect(this.wetGain);
68 |
69 | this.wetGain.connect(this._output);
70 | this.oscillator.start();
71 |
72 | }
73 |
74 | set feedback(_feedback) {
75 | if ((_feedback < this._descriptor.feedback.maxValue) && (_feedback > this._descriptor.feedback.minValue))
76 | this.params.feedback = _feedback;
77 |
78 | this.feedbackLeft.gain.setValueAtTime(parseFloat(this.params.feedback, 10), this.context.currentTime);
79 | this.feedbackRight.gain.setValueAtTime(parseFloat(this.params.feedback, 10), this.context.currentTime);
80 | }
81 |
82 | set delay(_delay) {
83 | if ((_delay < this._descriptor.delay.maxValue) && (_delay > this._descriptor.delay.minValue))
84 | this.params.delay = _delay;
85 |
86 | this.delayLeft.delayTime.setValueAtTime(parseFloat(this.params.delay, 10), this.context.currentTime);
87 | this.delayRight.delayTime.setValueAtTime(parseFloat(this.params.delay, 10), this.context.currentTime);
88 | }
89 |
90 | set depth(_depth) {
91 | if ((_depth < this._descriptor.depth.maxValue) && (_depth > this._descriptor.depth.minValue))
92 | this.params.depth = _depth;
93 |
94 | this.depthLeft.gain.setValueAtTime(parseFloat(this.params.depth, 10), this.context.currentTime);
95 | this.depthRight.gain.setValueAtTime(- parseFloat(this.params.depth, 10), this.context.currentTime);
96 | }
97 |
98 | set frequency(_frequency) {
99 | if ((_frequency < this._descriptor.frequency.maxValue) && (_frequency > this._descriptor.frequency.minValue))
100 | this.params.frequency = _frequency;
101 |
102 | this.oscillator.frequency.setValueAtTime(parseFloat(this.params.frequency, 10), this.context.currentTime);
103 | }
104 | set status(_sig) {
105 | if (_sig === "enable") {
106 | this.params.status = "enable";
107 | this._input.connect(this.splitter);
108 | this._input.connect(this.wetGain);
109 | this._input.disconnect(this._output);
110 |
111 | }
112 | else if (_sig === "disable") {
113 | this.params.status = "disable";
114 | this._input.connect(this._output);
115 | this._input.disconnect(this.splitter);
116 | this._input.disconnect(this.wetGain);
117 | }
118 | }
119 | }
120 |
121 |
122 |
123 | //////////////////////////////////////////////////////////////////////////////////////////
124 |
125 | window.WasabiStereoFlanger = class WasabiStereoFlanger extends WebAudioPluginFactory {
126 | constructor(context, baseUrl, options) { super(context, baseUrl, options); }
127 | }
128 |
129 | //////////////////////////////////////////////////////////////////////////////////////////
130 |
131 | AudioContext.prototype.createWasabiDelayCompositeNode = OfflineAudioContext.prototype.createWasabiDelayCompositeNode = function (options) { return new StereoFlanger(this, baseUrl, options); };
--------------------------------------------------------------------------------
/examples/plugins/PureJS/StereoFlanger/main.json:
--------------------------------------------------------------------------------
1 | {
2 | "documentation": "TODO",
3 | "name": "StereoFlanger",
4 | "thumbnail": "WasabiStereoFlanger.png",
5 | "vendor": "Wasabi",
6 | "category":"Modulation",
7 | "version": "1.0"
8 | }
--------------------------------------------------------------------------------
/examples/plugins/PureJS/StereoFlanger/testStereoFlanger.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
154 |
155 | Stereo Flanger
156 |
157 |
158 |
159 |
131 |
132 |
133 |
134 | ```
135 | We also recommend to use the [g200k webaudio controls](https://github.com/g200kg/webaudio-controls/tree/master/2.0) library in its Web component version to have more custom options. For this you have to add this link on your `main.html` file :
136 | ```html
137 |
138 | ```
139 | and enable the midi control :
140 |
141 | ```html
142 |
143 | ```
144 | After that, go to the [knobgalery](https://www.g200kg.com/en/webknobman/gallery.php), choose your knobs and render it with 99 sprites. Put the png file in the WAP assets and add the webaudio element to your template.
145 |
146 | ```html
147 |
51 |
54 | Cutoff
53 |
55 |
56 |
58 |
59 |
--------------------------------------------------------------------------------
/tutorial/lowfilter/main.js:
--------------------------------------------------------------------------------
1 | window.Lowfilter = class Lowfilter extends WebAudioPluginCompositeNode {
2 |
3 | constructor(ctx, URL, options) {
4 | super(ctx, URL, options)
5 | /* ################ API PROPERTIES ############### */
6 |
7 | this.addParam({ name: 'cutoff', defaultValue: 1500, minValue: 30, maxValue: 2800 });
8 | this.addParam({name:'resonance',defaultValue: 0.1, minValue: 0, maxValue: 30 })
9 | super.setup();
10 | }
11 |
12 | createNodes(){
13 | this.lpfilter = this.context.createBiquadFilter();
14 | this.lpfilter.type = "lowpass";
15 | };
16 | connectNodes(){
17 | this._input.connect(this.lpfilter);
18 | this.lpfilter.connect(this._output);
19 | };
20 |
21 | setParam(key, value) {
22 | try {
23 | this[key] = value;
24 | } catch (error) {
25 | console.warn("this plugin does not implement this param")
26 | }
27 | }
28 |
29 | set cutoff(_value){
30 | // to store the new value
31 | this.params.cutoff = _value;
32 | // if your param is linked to the filter frequency you can :
33 | this.lpfilter.frequency.setValueAtTime(_value,this.context.currentTime);
34 |
35 | }
36 |
37 | set resonance(_value){
38 | // to store the new value
39 | this.params.resonance = _value;
40 | // if your param is linked to the filter Q you can :
41 | this.lpfilter.Q.setValueAtTime(_value,this.context.currentTime);
42 |
43 | }
44 | }
45 |
46 | window.WasabiLowfilter = class WasabiLowfilter extends WebAudioPluginFactory {
47 |
48 | constructor(context, baseUrl) {
49 | super(context, baseUrl);
50 | }
51 |
52 | }
--------------------------------------------------------------------------------
/tutorial/lowfilter/main.json:
--------------------------------------------------------------------------------
1 | {
2 | "documentation": "...",
3 | "name": "Lowfilter",
4 | "thumbnail": "assets/Lowfilter.png",
5 | "vendor": "Wasabi",
6 | "category":"Filters",
7 | "version": "1.0"
8 | }
--------------------------------------------------------------------------------
/tutorial/lowfilter/testLowfilter.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Resonance
57 |