要精准选择特定输入设备，必须使用 MediaStreamConstraints 的 deviceId exact 约束并配合 enumerateDevices 动态获取设备列表；先枚举过滤 audioinput/videoinput，再用 { audio: { deviceId: { exact: 'id' } } } 强制匹配，配合 devicechange 监听与错误处理实现闭环控制。
要通过约束条件精准选择特定输入设备（比如某款外接麦克风或指定摄像头），关键不是只写 { audio: true } 或 { video: true }，而是利用 MediaStreamConstraints 中的 deviceId 约束，并配合设备枚举流程完成闭环控制。
先枚举可用设备，拿到真实 deviceID
浏览器不会直接暴露设备名称或型号给 JS，所有可选设备必须通过 navigator.mediaDevices.enumerateDevices() 获取。这个调用返回的是 MediaDeviceInfo 数组，每个对象含 deviceId、label 和 kind 三个核心字段。
注意：label 在用户未授予权限前通常为空字符串；deviceId 才是唯一稳定标识，但不同浏览器/会话间可能变化，所以不能硬编码，需每次动态获取。
- 只取音频输入设备：过滤
kind === 'audioinput' - 只取视频输入设备：过滤
kind === 'videoinput' - 建议在用户首次授权后立即枚举一次，并缓存设备列表供后续选择使用
用 exact 约束强制匹配目标设备
单纯传 { deviceId: 'xxx' } 是“尽力而为”，浏览器可能回退到默认设备。真正实现“指定”必须用 exact 语法：
const constraints = {
audio: { deviceId: { exact: 'abcd1234...' } }
};
这样，如果该 deviceId 不可用（如设备已拔出、被占用或权限被拒），getUserMedia 就会直接 reject，而不是悄悄换设备——这对调试和用户体验都更可控。
- 避免用
ideal或裸字符串，它们不保证命中 - 若需降级策略，可捕获错误后 fallback 到枚举列表里的其他设备
- 多个设备同时指定？目前规范不支持数组形式，只能单设备精确锁定
处理权限与状态变化
设备可用性不是静态的。用户可能中途插拔设备、切换系统默认设置，甚至关闭页面再打开。因此不能依赖一次枚举长期有效。
- 监听
devicechange事件，及时刷新设备列表 - 调用
getUserMedia前检查对应deviceId是否仍在当前枚举结果中 - 对常见错误码做区分：如
NotAllowedError（用户拒绝）、NotFoundError（设备不存在）、OverconstrainedError（exact 不满足）
进阶：结合其他约束一起用
deviceId 可以和其他音频/视频参数共存。例如既要指定麦克风，又要开启回声消除：
const constraints = {
audio: {
deviceId: { exact: 'mic-id-xyz' },
echoCancellation: true,
noiseSuppression: true
}
};
这类布尔型或数值型约束（如 sampleRate、channelCount）会作用于选定设备上，而非全局生效。只要硬件支持，它们就会起效；不支持时，浏览器按规范决定是否报错或忽略。
- 所有约束都在同一层级下组合，无需嵌套多层对象
- 视频侧同理，可同时约束分辨率、帧率、
facingMode和deviceId - 不推荐混用
exact和ideal同一属性，语义冲突易引发不可预期行为
