移动端使用MediaDevices.getUserMedia捕获外接音频输入问题排查

我正在开发一款音视频制作的移动端应用及网页，使用MediaDevices的enumerateDevices和getUserMedia方法获取音频输入。在笔记本和台式机上一切正常，智能手机使用内置麦克风时也表现良好，但使用外接麦克风（如Behringer USB或Shure MV88）时，设备能在enumerateDevices的列表中显示，也可选中，但音频捕获始终使用内置麦克风。请问问题出在哪里？该如何解决？

可能的原因及解决思路 #

1. 移动端系统权限或优先级限制 #

多数移动设备（尤其是iOS）对音频输入设备有系统级优先级策略，即便指定了外接设备ID，系统可能因兼容性或权限规则强制 fallback 到内置麦克风。

• 解决方法：
  • 确认应用已获取麦克风权限，部分安卓设备需在系统设置中单独授权应用访问外接音频设备。
  • iOS设备需配置音频会话：原生应用可通过AVAudioSession设置类别为playAndRecord并允许外接设备；网页端可尝试通过Web Audio API调整音频上下文，确保外接设备被识别。

2. getUserMedia约束配置问题 #

你的约束仅指定deviceId和echoCancellation，但部分移动端浏览器对精确设备ID的支持存在兼容问题，或额外约束干扰了设备选择。

• 解决方法：
  • 将deviceId改为精确匹配模式，避免浏览器自动降级到默认设备：

    audio: {
      deviceId: { exact: this.publishSettings.audioDevice.deviceId },
      echoCancellation: true
    }
    

  • 临时移除echoCancellation约束：部分外接麦克风不支持回声消除，浏览器可能因此忽略设备选择指令，优先使用支持该特性的内置麦克风。

3. 设备ID时效性问题 #

enumerateDevices返回的设备ID可能在设备插拔、系统重启后失效，若使用缓存的旧ID会导致无法匹配当前外接设备。

• 解决方法：
  • 每次用户选择设备前，重新调用enumerateDevices获取最新设备列表及ID，不长期缓存设备ID。
  • 利用代码中的console.log输出，检查返回的MediaTrackSettings中的deviceId是否与指定ID一致，确认是否真的选中了目标设备。

4. WebView或浏览器兼容问题 #

若为移动端应用内嵌的WebView，部分系统WebView（如旧版安卓WebView）对WebRTC外接设备的支持不完善。

• 解决方法：
  • 先在系统自带浏览器（Chrome、Safari）中测试，排除WebView本身的问题。
  • 更新WebView至最新版本，或更换为对WebRTC支持更好的内核（如Chrome内核的WebView）。

原代码片段 #

try {
  let constraints: any = {
    video: false,
    audio: {
      deviceId: this.publishSettings.audioDevice.deviceId,
      echoCancellation: true
    }
  }
  this.audioStream = await navigator.mediaDevices.getUserMedia(constraints);
  if (this.audioStream.getAudioTracks().length > 0){
    this.audioStream.getAudioTracks()[0].enabled = !this.isMuted;
  }
  this.audioStream.getTracks().forEach(function(track) {
    let l_Settings: MediaTrackSettings = track.getSettings();
    console.log("[PublishStreamComponent] (openMedia) Audio Stream Settings: " + l_Settings.deviceId + " " + track.kind + " echoCancel "  + l_Settings.echoCancellation);
  })
  l_Ret = true;
} catch (error) {
  console.log("[PublishStreamComponent] : openMedia Audio Error " + error);
  l_Ret = false;
}

内容的提问来源于stack exchange，提问作者Joaquin Moreno