html5获取麦克风音频流

在HTML中调用手机麦克风，我们主要依赖于Web API中的MediaDevices接口和MediaRecorder接口，这两个接口分别提供了访问设备媒体输入（如麦克风）和媒体录制的能力。

1. 获取麦克风权限

我们需要获取用户的麦克风权限，在HTML5中，我们可以使用navigator.mediaDevices.getUserMedia()方法来请求麦克风权限，这个方法返回一个Promise对象，当用户允许访问麦克风时，Promise会被resolve，否则会被reject。

navigator.mediaDevices.getUserMedia({ audio: true })
  .then(function(stream) {
    // 使用麦克风的代码在这里
  })
  .catch(function(err) {
    console.log('The following error occurred: ' + err);
  });

2. 使用MediaRecorder接口录制音频

当获取到麦克风的流之后，我们就可以使用MediaRecorder接口来录制音频了，MediaRecorder接口可以让我们控制音频的录制过程，包括开始录制、停止录制、暂停录制等。

var mediaRecorder = new MediaRecorder(stream);
mediaRecorder.start(); // 开始录制
mediaRecorder.stop(); // 停止录制
mediaRecorder.pause(); // 暂停录制
mediaRecorder.resume(); // 继续录制

3. 保存录制的音频

我们需要将录制的音频保存下来，这可以通过创建一个Blob对象，然后使用URL.createObjectURL()方法将其转换为URL来实现。

mediaRecorder.onstop = function(e) {
  var url = URL.createObjectURL(e.data);
  // 在这里，你可以将url设置为audio元素的src属性，或者直接下载这个url指向的文件
};

以上就是在HTML中调用手机麦克风的基本步骤，需要注意的是，由于安全和隐私的原因，浏览器可能会限制对麦克风的访问，在实际开发中，我们需要确保用户已经明确地给予了访问麦克风的权限。

相关问题与解答

Q1：为什么有时候我无法获取到麦克风的流？

A1：这可能是因为你没有正确地请求麦克风权限，或者用户拒绝了你的请求，你可以通过检查navigator.mediaDevices.getUserMedia()方法返回的Promise的状态来判断是否成功获取到了麦克风的流，如果Promise被reject了，你可以在catch方法中打印出错误信息。

Q2：我可以同时使用多个麦克风吗？

A2：不可以，在HTML5中，每个网页应用只能使用一个麦克风，如果你的应用需要使用多个麦克风，你需要为每个麦克风创建一个新的MediaStream。