Quiero crear un editor de audio donde pueda conectar nodos para crear componentes de audio personalizados. Cada vez que los nodos cambian, se compilan en javascript y luego se ejecutarán mediante una new Function() para obtener un mejor rendimiento. Acabo de leer que existe la posibilidad de crear un AudioWorklet , que se ejecuta en un subproceso separado. Ahora me pregunto si existe la posibilidad de combinar ambas ideas de manera que mi algoritmo pase al AudioWorklet como una cadena de código javascript, donde luego se coloca en una función usando new Function(codeString) dentro del constructor. Luego, la función process() del audioworklet llamará a la función personalizada de alguna manera.
¿Es esto posible de alguna manera, o estoy pidiendo demasiado? Me gustaría obtener un "sí, eso es posible" o un "no, lo siento" antes de pasar horas intentando que funcione...
Gracias por tu ayuda,
dogefromage
Con la ayuda del comentario de @AKX, elaboré juntos esta solución. El código dentro de la cadena luego será reemplazado por un compilador.
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(); });