跳到主要内容

认识

2024年02月06日
柏拉文
越努力，越幸运

一、认识​

AudioWorkletNode 接口代表了用户定义的 AudioNode 的基类，该基类可以与其他节点一起连接到音频路由图。其具有关联的 AudioWorkletProcessor, 它在 Web Audio 执行实际的音频处理。

二、语法​

xxxProcessor.js
class XxxProcessor extends AudioWorkletProcessor {
  constructor(...args) {
    super(...args);
    this.port.onmessage = (e) => {
      console.log(e.data);
      this.port.postMessage("pong");
    };
  }
  process(inputs, outputs, parameters) {
    return true;
  }
}

registerProcessor("xxx-processor", XxxProcessor);
const audioContext = new AudioContext();
await audioContext.audioWorklet.addModule('xxxProcessor.js');
const audioWorkletNode = new AudioWorkletNode(audioContext, 'xxx-processor', options);
audioContext.context(audioWorkletNode).context(audioContext.destination);

  • audioContext

  • xxx-processor

  • options