new Function() inside of AudioWorklet

Question

我想创建一个音频编辑器，您可以在其中将节点连接在一起以创建自定义音频组件。每次节点更改时，它们都会被编译成javascript，然后由new Function()运行以获得更好的性能。我刚刚读到有可能创建一个AudioWorklet，它在一个单独的线程上运行。现在我想知道是否有可能将这两种想法结合起来，将我的算法作为一个javascript代码字符串传递给AudioWorklet，然后在构造函数中使用new Function(codeString)将其放入函数中。然后audioworklet的process()函数将以某种方式调用自定义函数。

这在某种程度上是可能的，还是我要求太多了？我想得到一个"；是的，这是可能的"或一个"；不，对不起"在我花了几个小时试图让它发挥作用之前。。。

谢谢你的帮助，

dogefromage

Answer 1

在@AKX评论的帮助下，我精心制定了这个解决方案。字符串中的代码稍后将被编译器替换。

function generateProcessor()
{
return (`
class TestProcessor extends AudioWorkletProcessor 
{
process(inputs, outputs) 
{
const input = inputs[0];
const output = outputs[0];
for (let channel = 0; channel < output.length; ++channel) {
for (let i = 0; i < output[channel].length; i++) {
output[channel][i] = 0.01 * Math.acos(input[channel][i]);
}
}
return true;
}
}
registerProcessor('test-processor', TestProcessor);
`);
}
const button = document.querySelector('#button');
button.addEventListener('click', async (e) =>
{
const audioContext = new AudioContext();
await audioContext.audioWorklet.addModule(
URL.createObjectURL(new Blob([
generateProcessor()
], {type: "application/javascript"})));
const oscillator = new OscillatorNode(audioContext);
const testProcessor = new AudioWorkletNode(audioContext, 'test-processor');
oscillator.connect(testProcessor).connect(audioContext.destination);
oscillator.start();
});