如何在Chrome 21+中使用getUserMedia捕获麦克风输入？

在Chrome 21+中使用getUserMedia捕获麦克风输入，需要遵循以下步骤：

检查浏览器是否支持getUserMedia API：

if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
  // getUserMedia API 支持
} else {
  // 不支持 getUserMedia API
}

请求麦克风权限：

navigator.mediaDevices.getUserMedia({audio: true})
  .then(function(stream) {
    // 麦克风权限已授权
  })
  .catch(function(error) {
    // 麦克风权限被拒绝
  });

处理音频流：

navigator.mediaDevices.getUserMedia({audio: true})
  .then(function(stream) {
    // 创建音频上下文对象
    const audioContext = new (window.AudioContext || window.webkitAudioContext)();

    // 将音频流与音频上下文对象关联
    const source = audioContext.createMediaStreamSource(stream);

    // 创建音频分析器
    const analyser = audioContext.createAnalyser();

    // 将音频分析器与音频源关联
    source.connect(analyser);

    // 处理音频数据
    const frequencyData = new Uint8Array(analyser.frequencyBinCount);
    analyser.getByteFrequencyData(frequencyData);

    // 释放资源
    stream.getTracks().forEach(track => track.stop());
  })
  .catch(function(error) {
    // 麦克风权限被拒绝
  });

在这个示例中，我们使用了getUserMedia API来捕获麦克风输入，并使用音频上下文对象和音频分析器来处理音频数据。最后，我们释放了音频流的资源。

请注意，由于隐私和安全原因，getUserMedia API通常需要在HTTPS协议下运行。如果您在HTTP协议下尝试使用getUserMedia API，浏览器可能会阻止它。