AudioWorklet example (mdn)

README.md

AudioWorklet example (mdn)

view on jsgist

index.css

/*bug-in-github-api-content-can-not-be-empty*/

index.html

/*bug-in-github-api-content-can-not-be-empty*/

index.js

const src = `
// random-noise-processor.js
class RandomNoiseProcessor extends AudioWorkletProcessor {
  process(inputs, outputs, parameters) {
    const output = outputs[0];
    output.forEach((channel) => {
      for (let i = 0; i < channel.length; i++) {
        channel[i] = Math.random() * 2 - 1;
      }
    });
    return true;
  }
}

registerProcessor("random-noise-processor", RandomNoiseProcessor);
`;

const blob = new Blob([src], {type: 'application/javascript'});
const url = URL.createObjectURL(blob);

async function start() {
  const audioContext = new AudioContext();
  await audioContext.audioWorklet.addModule(url);
  const randomNoiseNode = new AudioWorkletNode(
    audioContext,
    "random-noise-processor",
  );
  randomNoiseNode.connect(audioContext.destination);
}

window.addEventListener('click', start, {once: true});

jsGist.json

{"name":"AudioWorklet example (mdn)","settings":{},"filenames":["index.html","index.css","index.js"]}