用 AudioWorklet 替换 scriptProcessorNode

Question

我正在记录用户的麦克风输入并进行处理。问题是我正在使用 scriptProcessorNode 来处理数据，但 here 它说它已被弃用并替换为 AudioWorklet。问题是没有明确的方法可以用 AudioWorklet 替换此功能，并且从所有来自谷歌的example projects with AudioWorklets，他们都没有对麦克风输入做任何事情。有没有办法用 Audio Worklet 替换这段代码？这是“应该”被替换的代码。

    // Connect analyser
    this.options.source.connect(this.analyser);
    // Create ScriptProcessorNode
    this.scriptProcessorNode = this.options.context.createScriptProcessor(this.options.bufferLen, numChannels, numChannels);
    // Connect scriptProcessorNode (Theretically, not required)
    this.scriptProcessorNode.connect(this.options.context.destination);
    // Create callback to update/analyze floatFrequencyData
    var self = this;
    this.scriptProcessorNode.onaudioprocess = function (event) {
        self.analyser.getFloatFrequencyData(self.floatFrequencyData);
        self.update();
        self.store(event);
        self.monitor();
    };
    // Connect scriptProcessorNode
    this.options.source.connect(this.scriptProcessorNode);

Answer 1

我有一个创建 AudioWorkletProcessor 的简单示例。你可以检查它here。它仅适用于 Chromium，Firefox 尚不支持 AudioWorklet。

这是我准备展示我遇到的 webpack 错误的示例，因此请仅检查源代码。如果您运行该项目，除非您注释 audio-meter.js 第 8 行并取消注释第 11 行，否则它将失败。文件 audio-meter.worker.js 具有相同的内容。