html5媒体api动态切换核心是“轨道级微调优先、流级重建兜底”：先用applyconstraints切换摄像头/麦克风deviceid，失败或轨道ended时再重建流；需检测浏览器支持性并监听devicechange等事件。
HTML5 媒体 API 实现多媒体流的动态切换与重连，核心在于区分“轨道级微调”和“流级重建”两种策略——前者轻量、低延迟，后者更鲁棒、兼容性广。关键不是反复调用 getUserMedia，而是先保流、再换轨；失效时才重建。
视频摄像头动态切换（不中断画面）
前提：已通过 getUserMedia({video: true}) 获取并播放一个视频流，且页面已有活跃的 videoTrack。
- 先调用
navigator.mediaDevices.enumerateDevices()，过滤出kind === 'videoinput'的设备，从中提取目标设备的deviceId - 从当前流中取出首个视频轨道：
stream.getVideoTracks()[0] - 调用
track.applyConstraints({deviceId: {exact: targetId}})，约束对象必须用exact确保精确匹配 - 监听返回 Promise：成功则画面自动更新；失败常见于设备被占用或权限变更，此时应降级为重建流
音频输入设备热切换（避免静音断层）
音频切换不能复用视频轨道逻辑，需单独处理音频轨道，且注意系统级限制。
- 若当前流不含音频（
audio: false），须先调用getUserMedia({audio: true})获取新音频轨道，再用stream.addTrack()加入 - 对已有
audioTrack调用applyConstraints({deviceId: {exact: newId}})，同样需 Promise 处理 - macOS 或部分 Linux 系统可能禁止同时打开多个麦克风，建议切换前先
oldTrack.stop()，再启用新轨道 - 监听
track.onmute和track.onunmute可感知静音状态变化，用于 UI 提示
流失效后的自动重连机制
当设备拔出、权限被撤销或轨道异常终止时，track.readyState 变为 "ended" 或 track.muted 为 true 且无恢复迹象，即需重建。
- 监听
navigator.mediaDevices.ondevicechange，在设备列表变动后重新枚举，确认目标设备是否仍可用 - 检查所有轨道状态：
track.readyState !== "live"或!track.enabled触发重连流程 - 安全停止旧流：
stream.getTracks().forEach(t => t.stop())，再调用getUserMedia获取新流 - 重建后重新绑定到
video.srcObject，并恢复播放状态（如之前是播放中，就调用video.play()）
跨浏览器兼容性兜底方案
并非所有浏览器都支持 applyConstraints 对 deviceId 的精确控制（如旧版 Firefox 或某些 Android WebView）。
- 检测支持性：
track.getCapabilities && track.getCapabilities().deviceId存在才启用动态切换 - 不支持时，直接走重建流路径——虽有短暂黑屏，但行为确定、逻辑统一
- 始终在
getUserMedia调用中添加catch，捕获NotAllowedError（权限拒绝）、NotFoundError（设备不存在）等错误并友好提示 - 对于 Safari 等 label 不可靠的浏览器，依赖
getCapabilities().facingMode判断前后置，且需在获取权限后再枚举设备才能读取该字段
大量免费API接口：立即使用
涵盖生活服务API、金融科技API、企业工商API、等相关的API接口服务。免费API接口可安全、合规地连接上下游，为数据API应用能力赋能！
