使用web audio api live输入来控制内容

Question

我想用我的麦克风输入来控制我拥有的图像。到目前为止，我设法编辑了this代码并让我的图片受到影响。有javascriptNode.onaudioprocess = function（），由于某种原因，它禁用了我的麦克风输入检查。

Answer 1

您根本不需要Javascript节点。您应该使用requestAnimationFrame处理程序来执行代码部分：

        var array =  new Uint8Array(analyser.frequencyBinCount);
        analyser.getByteFrequencyData(array);
        var average = getAverageVolume(array);
        var array2 =  new Uint8Array(analyser2.frequencyBinCount);
        analyser2.getByteFrequencyData(array2);
        var average2 = getAverageVolume2(array2);
        element.style.opacity = average/100;
        element2.style.opacity = average2/100;