AudioProcessingEvent

const myScript = document.querySelector("script");
const myPre = document.querySelector("pre");
const playButton = document.querySelector("button");

// Tạo AudioContext và nguồn bộ đệm
let audioCtx;

async function init() {
  audioCtx = new AudioContext();
  const source = audioCtx.createBufferSource();

  // Tạo một ScriptProcessorNode với bufferSize là 4096 và
  // một kênh đầu vào và một kênh đầu ra
  const scriptNode = audioCtx.createScriptProcessor(4096, 1, 1);

  // Tải một track âm thanh bằng fetch() và decodeAudioData()
  try {
    const response = await fetch("viper.ogg");
    const arrayBuffer = await response.arrayBuffer();
    source.buffer = await audioCtx.decodeAudioData(arrayBuffer);
  } catch (err) {
    console.error(
      `Unable to fetch the audio file: ${name} Error: ${err.message}`,
    );
  }

  // Gán cho node một hàm để xử lý các sự kiện âm thanh
  scriptNode.addEventListener("audioprocess", (audioProcessingEvent) => {
    // Bộ đệm đầu vào là bài hát chúng ta đã tải trước đó
    let inputBuffer = audioProcessingEvent.inputBuffer;

    // Bộ đệm đầu ra chứa các mẫu sẽ được chỉnh sửa
    // và phát
    let outputBuffer = audioProcessingEvent.outputBuffer;

    // Lặp qua các kênh đầu ra (trong trường hợp này chỉ có một)
    for (let channel = 0; channel < outputBuffer.numberOfChannels; channel++) {
      let inputData = inputBuffer.getChannelData(channel);
      let outputData = outputBuffer.getChannelData(channel);

      // Lặp qua 4096 mẫu
      for (let sample = 0; sample < inputBuffer.length; sample++) {
        // cho đầu ra bằng với đầu vào
        outputData[sample] = inputData[sample];

        // thêm nhiễu vào từng mẫu đầu ra
        outputData[sample] += (Math.random() * 2 - 1) * 0.1;
      }
    }
  });

  source.connect(scriptNode);
  scriptNode.connect(audioCtx.destination);
  source.start();

  // Khi nguồn bộ đệm dừng phát, ngắt kết nối mọi thứ
  source.addEventListener("ended", () => {
    source.disconnect(scriptNode);
    scriptNode.disconnect(audioCtx.destination);
  });
}

// nối nút phát
playButton.addEventListener("click", () => {
  if (!audioCtx) {
    init();
  }
});