JSFiddle - React, Tailwind, and code Playground

by Ehsan Ziya

JavaScript

var context = new webkitAudioContext();
var osc = context.createOscillator();
var osc2 = context.createOscillator();
var gain = context.createGain();
var gain2 = context.createGain();
osc.frequency.value = 220;
osc2.frequency.value = 440;
osc2.detune.value = 710;
osc.connect(gain);
osc2.connect(gain2);
gain.connect(context.destination);
gain2.connect(context.destination);
osc.start(0);
osc2.start(0);
var p = new Processing();
p.noiseDetail(10);
//console.log(p.noiseDetail);
var t = 0;
var t2 = 0;
var noise = null;
var noise2 = null;

setInterval(function(){
    var now = context.currentTime;
    noise = p.noise(t);
    noise2 = p.noise(t2);
    t+= 0.05;
    t2+= 0.08;
    osc.frequency.linearRampToValueAtTime(osc.frequency.value + (noise * 5) - 2.05,now + 0.3);
    
    osc2.frequency.linearRampToValueAtTime(osc2.frequency.value + (noise2 * 5) - 2.5,now + 0.3);
    gain.gain.linearRampToValueAtTime(noise,now + 0.3);
    gain2.gain.linearRampToValueAtTime(noise2,now + 0.3);
},300);