mirror of
https://codeberg.org/uzu/strudel
synced 2026-08-08 15:42:56 -04:00
427 lines
13 KiB
JavaScript
427 lines
13 KiB
JavaScript
import { getAudioContext } from './superdough.mjs';
|
|
import { clamp, nanFallback, midiToFreq, noteToMidi } from './util.mjs';
|
|
import { getNoiseBuffer } from './noise.mjs';
|
|
|
|
export const noises = ['pink', 'white', 'brown', 'crackle'];
|
|
|
|
export function gainNode(value) {
|
|
const node = getAudioContext().createGain();
|
|
node.gain.value = value;
|
|
return node;
|
|
}
|
|
|
|
export function effectSend(input, effect, wet) {
|
|
const send = gainNode(wet);
|
|
input.connect(send);
|
|
send.connect(effect);
|
|
return send;
|
|
}
|
|
|
|
const getSlope = (y1, y2, x1, x2) => {
|
|
const denom = x2 - x1;
|
|
if (denom === 0) {
|
|
return 0;
|
|
}
|
|
return (y2 - y1) / (x2 - x1);
|
|
};
|
|
|
|
export function getWorklet(ac, processor, params, config) {
|
|
const node = new AudioWorkletNode(ac, processor, config);
|
|
Object.entries(params).forEach(([key, value]) => {
|
|
if (value !== undefined) {
|
|
node.parameters.get(key).value = value;
|
|
}
|
|
});
|
|
return node;
|
|
}
|
|
|
|
export const getParamADSR = (
|
|
param,
|
|
attack,
|
|
decay,
|
|
sustain,
|
|
release,
|
|
min,
|
|
max,
|
|
begin,
|
|
end,
|
|
//exponential works better for frequency modulations (such as filter cutoff) due to human ear perception
|
|
curve = 'exponential',
|
|
) => {
|
|
attack = nanFallback(attack);
|
|
decay = nanFallback(decay);
|
|
sustain = nanFallback(sustain);
|
|
release = nanFallback(release);
|
|
const ramp = curve === 'exponential' ? 'exponentialRampToValueAtTime' : 'linearRampToValueAtTime';
|
|
if (curve === 'exponential') {
|
|
min = min === 0 ? 0.001 : min;
|
|
max = max === 0 ? 0.001 : max;
|
|
}
|
|
const range = max - min;
|
|
const peak = max;
|
|
const sustainVal = min + sustain * range;
|
|
const duration = end - begin;
|
|
|
|
const envValAtTime = (time) => {
|
|
let val;
|
|
if (attack > time) {
|
|
let slope = getSlope(min, peak, 0, attack);
|
|
val = time * slope + (min > peak ? min : 0);
|
|
} else {
|
|
val = (time - attack) * getSlope(peak, sustainVal, 0, decay) + peak;
|
|
}
|
|
if (curve === 'exponential') {
|
|
val = val || 0.001;
|
|
}
|
|
return val;
|
|
};
|
|
|
|
param.setValueAtTime(min, begin);
|
|
if (attack > duration) {
|
|
//attack
|
|
param[ramp](envValAtTime(duration), end);
|
|
} else if (attack + decay > duration) {
|
|
//attack
|
|
param[ramp](envValAtTime(attack), begin + attack);
|
|
//decay
|
|
param[ramp](envValAtTime(duration), end);
|
|
} else {
|
|
//attack
|
|
param[ramp](envValAtTime(attack), begin + attack);
|
|
//decay
|
|
param[ramp](envValAtTime(attack + decay), begin + attack + decay);
|
|
//sustain
|
|
param.setValueAtTime(sustainVal, end);
|
|
}
|
|
//release
|
|
param[ramp](min, end + release);
|
|
};
|
|
|
|
function getModulationShapeInput(val) {
|
|
if (typeof val === 'number') {
|
|
return val % 5;
|
|
}
|
|
return { tri: 0, triangle: 0, sine: 1, ramp: 2, saw: 3, square: 4 }[val] ?? 0;
|
|
}
|
|
|
|
export function getLfo(audioContext, begin, end, properties = {}) {
|
|
const { shape = 0, ...props } = properties;
|
|
const { dcoffset = -0.5, depth = 1 } = properties;
|
|
const lfoprops = {
|
|
frequency: 1,
|
|
depth,
|
|
skew: 0.5,
|
|
phaseoffset: 0,
|
|
time: begin,
|
|
begin,
|
|
end,
|
|
shape: getModulationShapeInput(shape),
|
|
dcoffset,
|
|
min: dcoffset * depth,
|
|
max: dcoffset * depth + depth,
|
|
curve: 1,
|
|
...props,
|
|
};
|
|
|
|
return getWorklet(audioContext, 'lfo-processor', lfoprops);
|
|
}
|
|
|
|
export function getCompressor(ac, threshold, ratio, knee, attack, release) {
|
|
const options = {
|
|
threshold: threshold ?? -3,
|
|
ratio: ratio ?? 10,
|
|
knee: knee ?? 10,
|
|
attack: attack ?? 0.005,
|
|
release: release ?? 0.05,
|
|
};
|
|
return new DynamicsCompressorNode(ac, options);
|
|
}
|
|
|
|
// changes the default values of the envelope based on what parameters the user has defined
|
|
// so it behaves more like you would expect/familiar as other synthesis tools
|
|
// ex: sound(val).decay(val) will behave as a decay only envelope. sound(val).attack(val).decay(val) will behave like an "ad" env, etc.
|
|
|
|
export const getADSRValues = (params, curve = 'linear', defaultValues) => {
|
|
const envmin = curve === 'exponential' ? 0.001 : 0.001;
|
|
const releaseMin = 0.01;
|
|
const envmax = 1;
|
|
const [a, d, s, r] = params;
|
|
if (a == null && d == null && s == null && r == null) {
|
|
return defaultValues ?? [envmin, envmin, envmax, releaseMin];
|
|
}
|
|
const sustain = s != null ? s : (a != null && d == null) || (a == null && d == null) ? envmax : envmin;
|
|
return [Math.max(a ?? 0, envmin), Math.max(d ?? 0, envmin), Math.min(sustain, envmax), Math.max(r ?? 0, releaseMin)];
|
|
};
|
|
|
|
// helper utility for applying standard modulators to a parameter
|
|
export function applyParameterModulators(audioContext, param, start, end, envelopeValues, lfoValues) {
|
|
let { amount, offset, defaultAmount = 1, curve = 'linear', values, holdEnd, defaultValues } = envelopeValues;
|
|
|
|
if (amount == null) {
|
|
const hasADSRParams = values.some((p) => p != null);
|
|
amount = hasADSRParams ? defaultAmount : 0;
|
|
}
|
|
|
|
const min = offset ?? 0;
|
|
const max = amount + min;
|
|
const diff = Math.abs(max - min);
|
|
if (diff) {
|
|
const [attack, decay, sustain, release] = getADSRValues(values, curve, defaultValues);
|
|
getParamADSR(param, attack, decay, sustain, release, min, max, start, holdEnd, curve);
|
|
}
|
|
let lfo;
|
|
let { defaultDepth = 1, depth, dcoffset, ...getLfoInputs } = lfoValues;
|
|
|
|
if (depth == null) {
|
|
const hasLFOParams = Object.values(getLfoInputs).some((v) => v != null);
|
|
depth = hasLFOParams ? defaultDepth : 0;
|
|
}
|
|
if (depth) {
|
|
lfo = getLfo(audioContext, start, end, {
|
|
depth,
|
|
dcoffset,
|
|
...getLfoInputs,
|
|
});
|
|
lfo.connect(param);
|
|
}
|
|
|
|
return { lfo, disconnect: () => lfo?.disconnect() };
|
|
}
|
|
|
|
export function createFilter(context, type, frequency, Q, att, dec, sus, rel, fenv, start, end, fanchor, model, drive) {
|
|
const curve = 'exponential';
|
|
const [attack, decay, sustain, release] = getADSRValues([att, dec, sus, rel], curve, [0.005, 0.14, 0, 0.1]);
|
|
let filter;
|
|
let frequencyParam;
|
|
if (model === 'ladder') {
|
|
filter = getWorklet(context, 'ladder-processor', { frequency, q: Q, drive });
|
|
frequencyParam = filter.parameters.get('frequency');
|
|
} else {
|
|
filter = context.createBiquadFilter();
|
|
filter.type = type;
|
|
filter.Q.value = Q;
|
|
filter.frequency.value = frequency;
|
|
frequencyParam = filter.frequency;
|
|
}
|
|
|
|
// envelope is active when any of these values is set
|
|
const hasEnvelope = att ?? dec ?? sus ?? rel ?? fenv;
|
|
// Apply ADSR to filter frequency
|
|
if (hasEnvelope !== undefined) {
|
|
fenv = nanFallback(fenv, 1, true);
|
|
fanchor = nanFallback(fanchor, 0, true);
|
|
const fenvAbs = Math.abs(fenv);
|
|
const offset = fenvAbs * fanchor;
|
|
let min = clamp(2 ** -offset * frequency, 0, 20000);
|
|
let max = clamp(2 ** (fenvAbs - offset) * frequency, 0, 20000);
|
|
if (fenv < 0) [min, max] = [max, min];
|
|
getParamADSR(frequencyParam, attack, decay, sustain, release, min, max, start, end, curve);
|
|
return filter;
|
|
}
|
|
return filter;
|
|
}
|
|
|
|
// stays 1 until .5, then fades out
|
|
let wetfade = (d) => (d < 0.5 ? 1 : 1 - (d - 0.5) / 0.5);
|
|
|
|
// mix together dry and wet nodes. 0 = only dry 1 = only wet
|
|
// still not too sure about how this could be used more generally...
|
|
export function drywet(dry, wet, wetAmount = 0) {
|
|
const ac = getAudioContext();
|
|
if (!wetAmount) {
|
|
return dry;
|
|
}
|
|
let dry_gain = ac.createGain();
|
|
let wet_gain = ac.createGain();
|
|
dry.connect(dry_gain);
|
|
wet.connect(wet_gain);
|
|
dry_gain.gain.value = wetfade(wetAmount);
|
|
wet_gain.gain.value = wetfade(1 - wetAmount);
|
|
let mix = ac.createGain();
|
|
dry_gain.connect(mix);
|
|
wet_gain.connect(mix);
|
|
return mix;
|
|
}
|
|
|
|
let curves = ['linear', 'exponential'];
|
|
export function getPitchEnvelope(param, value, t, holdEnd) {
|
|
// envelope is active when any of these values is set
|
|
const hasEnvelope = value.pattack ?? value.pdecay ?? value.psustain ?? value.prelease ?? value.penv;
|
|
if (hasEnvelope === undefined) {
|
|
return;
|
|
}
|
|
const penv = nanFallback(value.penv, 1, true);
|
|
const curve = curves[value.pcurve ?? 0];
|
|
let [pattack, pdecay, psustain, prelease] = getADSRValues(
|
|
[value.pattack, value.pdecay, value.psustain, value.prelease],
|
|
curve,
|
|
[0.2, 0.001, 1, 0.001],
|
|
);
|
|
let panchor = value.panchor ?? psustain;
|
|
const cents = penv * 100; // penv is in semitones
|
|
const min = 0 - cents * panchor;
|
|
const max = cents - cents * panchor;
|
|
getParamADSR(param, pattack, pdecay, psustain, prelease, min, max, t, holdEnd, curve);
|
|
}
|
|
|
|
export function getVibratoOscillator(param, value, t) {
|
|
const { vibmod = 0.5, vib } = value;
|
|
let vibratoOscillator;
|
|
if (vib > 0) {
|
|
vibratoOscillator = getAudioContext().createOscillator();
|
|
vibratoOscillator.frequency.value = vib;
|
|
const gain = getAudioContext().createGain();
|
|
// Vibmod is the amount of vibrato, in semitones
|
|
gain.gain.value = vibmod * 100;
|
|
vibratoOscillator.connect(gain);
|
|
gain.connect(param);
|
|
vibratoOscillator.start(t);
|
|
return vibratoOscillator;
|
|
}
|
|
}
|
|
// ConstantSource inherits AudioScheduledSourceNode, which has scheduling abilities
|
|
// a bit of a hack, but it works very well :)
|
|
export function webAudioTimeout(audioContext, onComplete, startTime, stopTime) {
|
|
const constantNode = new ConstantSourceNode(audioContext);
|
|
|
|
// Certain browsers requires audio nodes to be connected in order for their onended events
|
|
// to fire, so we _mute it_ and then connect it to the destination
|
|
const zeroGain = gainNode(0);
|
|
zeroGain.connect(audioContext.destination);
|
|
constantNode.connect(zeroGain);
|
|
|
|
// Schedule the `onComplete` callback to occur at `stopTime`
|
|
constantNode.onended = () => {
|
|
// Ensure garbage collection
|
|
try {
|
|
zeroGain.disconnect();
|
|
} catch {
|
|
// pass
|
|
}
|
|
try {
|
|
constantNode.disconnect();
|
|
} catch {
|
|
// pass
|
|
}
|
|
onComplete();
|
|
};
|
|
constantNode.start(startTime);
|
|
constantNode.stop(stopTime);
|
|
return constantNode;
|
|
}
|
|
const mod = (freq, type = 'sine') => {
|
|
const ctx = getAudioContext();
|
|
let osc;
|
|
if (noises.includes(type)) {
|
|
osc = ctx.createBufferSource();
|
|
osc.buffer = getNoiseBuffer(type, 2);
|
|
osc.loop = true;
|
|
} else {
|
|
osc = ctx.createOscillator();
|
|
osc.type = type;
|
|
osc.frequency.value = freq;
|
|
}
|
|
osc.start();
|
|
return { osc, stop: (t) => osc.stop(t), freq };
|
|
};
|
|
|
|
const fm = (frequencyparam, harmonicityRatio, modulationIndex, wave = 'sine') => {
|
|
const carrfreq = frequencyparam.value;
|
|
const modfreq = carrfreq * harmonicityRatio;
|
|
return mod(modfreq, wave)
|
|
};
|
|
|
|
export function applyFM(param, value, begin) {
|
|
const ac = getAudioContext();
|
|
let stop = (t) => {};
|
|
const fms = {};
|
|
// Matrix
|
|
for (let i = 1; i <= 8; i++) {
|
|
for (let j = 0; j <= 8; j++) {
|
|
let control;
|
|
if (i === j + 1) {
|
|
// Standard fm3 -> fm2 -> fm1 -> param usage
|
|
const iS = i === 1 ? '' : i;
|
|
control = `fmi${iS}`;
|
|
} else {
|
|
control = `fmi${i}${j}`;
|
|
}
|
|
const amt = value[control];
|
|
if (!amt) continue;
|
|
let io = [];
|
|
for (let [isMod, idx] of [[true, i], [false, j]]) {
|
|
debugger;
|
|
if (idx === 0) {
|
|
io.push(param);
|
|
continue;
|
|
}
|
|
if (!fms[idx]) {
|
|
const idxS = idx === 1 ? '' : idx;
|
|
const { osc, freq } = fm(param, value[`fmh${idxS}`] ?? 1, value[`fmwave${idxS}`] ?? 'sine');
|
|
const currStop = stop;
|
|
stop = (t) => {
|
|
currStop(t);
|
|
osc.stop(t);
|
|
};
|
|
const adsr = ['attack', 'decay', 'sustain', 'release'].map((s) => value[`fm${s}${idxS}`]);
|
|
if (!adsr.some((v) => v !== undefined)) {
|
|
fms[idx] = { input: osc.frequency, output: osc, freq};
|
|
} else {
|
|
const envGain = ac.createGain();
|
|
const [attack, decay, sustain, release] = getADSRValues(adsr);
|
|
const holdEnd = begin + value.duration;
|
|
const fmEnvelopeType = value[`fmenv${idxS}`] ?? 'exp';
|
|
getParamADSR(
|
|
envGain.gain,
|
|
attack,
|
|
decay,
|
|
sustain,
|
|
release,
|
|
0,
|
|
1,
|
|
begin,
|
|
holdEnd,
|
|
fmEnvelopeType === 'exp' ? 'exponential' : 'linear',
|
|
);
|
|
fms[idx] = { input: osc.frequency, output: osc.connect(envGain), freq};
|
|
}
|
|
}
|
|
const { input, output, freq } = fms[idx];
|
|
const g = gainNode(amt * freq);
|
|
io.push(isMod ? output.connect(g) : input);
|
|
}
|
|
if (!io[1]) {
|
|
logger(
|
|
`[superdough] control ${control} failed to connect FM ${i} to target ${j} due to missing frequency parameter (likely because fm${j} is noise)`,
|
|
'warning',
|
|
);
|
|
continue;
|
|
}
|
|
io[0].connect(io[1]);
|
|
}
|
|
}
|
|
return { stop };
|
|
}
|
|
|
|
export const getFrequencyFromValue = (value, defaultNote = 36) => {
|
|
let { note, freq } = value;
|
|
note = note || defaultNote;
|
|
if (typeof note === 'string') {
|
|
note = noteToMidi(note); // e.g. c3 => 48
|
|
}
|
|
// get frequency
|
|
if (!freq && typeof note === 'number') {
|
|
freq = midiToFreq(note); // + 48);
|
|
}
|
|
|
|
return Number(freq);
|
|
};
|
|
|
|
export const destroyAudioWorkletNode = (node) => {
|
|
if (node == null) {
|
|
return;
|
|
}
|
|
node.disconnect();
|
|
node.parameters.get('end')?.setValueAtTime(0, 0);
|
|
};
|