如何控制音频ScriptProcessor函数的速率？

Question

下面是我的基本示例，我无法将其放入代码段，因为它会生成一个安全错误。问题是处理速度有点高，与我的需求相比，每一次的处理速度大约是300到500毫秒。有没有办法控制它。是否有办法暂停处理，直到麦克风接收到输入为止。谢谢你的帮助。

html out，它显示了速率：

<input type='text' id='output' >

剧本：`

navigator.getUserMedia = navigator.getUserMedia ||
  navigator.webkitGetUserMedia ||
  navigator.mozGetUserMedia;
if (navigator.getUserMedia) {
  navigator.getUserMedia({
      audio: true
    },
    function(stream) {
        output=document.getElementById("output");
        audioContext = new AudioContext();  
 
      
      analyser = audioContext.createAnalyser();
      microphone = audioContext.createMediaStreamSource(stream);
      javascriptNode = audioContext.createScriptProcessor(256, 1, 1);

      analyser.smoothingTimeConstant = 0;// 0.8;
      analyser.fftSize = 32;//1024;
 
      microphone.connect(analyser);
      analyser.connect(javascriptNode);
      javascriptNode.connect(audioContext.destination);

      canvasContext = document.querySelector("#canvas").getContext("2d");

      javascriptNode.onaudioprocess = function() {
          var array = new Uint8Array(analyser.frequencyBinCount);
          analyser.getByteFrequencyData(array);
          var values = 0;

          var length = array.length;
          for (var i = 0; i < length; i++) {
            values += (array[i]);
          }

          var average = values / length;
          
          output.value= average;
         

        } // end fn stream
 
    },
    function(err) {
      console.log("The following error occured: " + err.name)
    });
} else {
  console.log("getUserMedia not supported");
}

我想做的事情很简单。我所需要的是滚动页面一点点，每当音频音量超过一个阈值，如果你有一个更简单的选择，它会更好。比如如何在setTimeout回调中访问卷。

Answer 1

创建缓冲区大小为256的ScriptProcessorNode。这意味着onaudioprocess事件每256个帧调用一次，大约每5毫秒( 44.1 kHz)。如果您想要300毫秒左右的东西，请使用0.3 * 44100或16384，因为缓冲区大小是2的幂。

还要注意，您不需要调用analyser节点来获取数据。onaudioprocess函数已经在事件中传递了数据，您不使用这些数据。

此外，根据您的用例，您可以完全摆脱脚本处理器，只需使用analyser节点来获取所需的数据。但是，您将需要一个setTimeout或requestAnimationFrame来定期从分析器节点请求数据。