摄像头测试

摄像头测试用于确认浏览器能否访问笔记本内置摄像头、外接 USB 摄像头或其它视频输入设备，并实时显示画面。它适合在视频会议、在线课堂、远程面试、直播、录课和内容拍摄前使用，提前排查选错设备、权限被拦截、黑屏、分辨率过低、灯光不足等问题。工具会请求浏览器摄像头权限，展示网页实际能打开的视频流，并可截取本地快照用于检查清晰度和取景。它能帮助确认设备选择、分辨率、帧率、宽高比和基础画质，但不能修复驱动或硬件故障。如果没有画面，应继续检查系统隐私设置、是否被其它应用占用、线缆连接和驱动状态。

摄像头测试工具基于 W3C Media Capture and Streams 规范构建，通过 navigator.mediaDevices.getUserMedia(constraints) 访问摄像头。constraints 参数是一个类似 JSON 的对象，可指定分辨率（宽度、高度）、帧率、朝向模式和设备 ID 的理想值、精确值、最小值和最大值。浏览器的约束求解器会将这些参数与摄像头固件报告的 UVC（USB 视频类）描述符进行协商；当精确约束无法满足时，调用会以 OverconstrainedError 拒绝——这正是分辨率支持检测器的工作机制，它对每种分辨率使用 { exact } 约束进行探测并标记失败项。 获取视频流后，视频轨道会暴露 getSettings()（协商后实际应用的值）、getCapabilities()（硬件支持的全部范围）和 getConstraints()（原始请求的内容）。实际应用的分辨率、帧率、宽高比和朝向模式从 getSettings() 读取并显示。实时预览通过将 video 元素的 srcObject 设置为 MediaStream 来渲染；浏览器的媒体管道负责解码、色彩空间转换和 GPU 加速渲染，无需 JavaScript 进行像素操作。 静态拍摄时，CanvasRenderingContext2D.drawImage(videoElement, 0, 0) 将当前解码的视频帧快照到隐藏画布上，toDataURL('image/png') 将其序列化为 PNG 数据 URL。enumerateDevices() 列出所有可用的媒体输入设备——注意设备标签在用户至少授权一次摄像头权限之前为空字符串，这是防止指纹追踪的保护措施。调用 track.stop() 释放摄像头硬件并关闭指示灯；设置 videoElement.srcObject = null 断开渲染管道。getUserMedia 需要安全上下文（HTTPS 或 localhost）并会触发按源的权限提示；摄像头指示灯在操作系统层面强制执行，网页无法绕过。

• 约束协商：浏览器求解器将 ideal/exact/min/max 值与 UVC 硬件描述符匹配——当传感器无法提供请求的分辨率时，{ exact } 探测会以 OverconstrainedError 失败，分辨率支持网格正是通过这种方式填充的。
• 轨道自省：getSettings() 返回协商后实际应用的分辨率、帧率、宽高比和 facingMode——当 USB 带宽或传感器能力受限时，这些值可能与请求的理想值不同。
• enumerateDevices 隐私机制：设备标签在每个源至少获得一次 getUserMedia 权限之前为空字符串——这是规范强制的反指纹追踪措施，也意味着设备选择器在首次访问时只显示通用名称。
• Canvas 静态拍摄：drawImage() 将解码后的视频帧从 GPU 合成器复制到 2D 像素缓冲区，无需重新编码；toDataURL('image/png') 将其序列化为无损 PNG——帧数据不会离开浏览器内存。
• 朝向模式：VideoFacingModeEnum 从 track.getSettings().facingMode 读取（'user' 为前置，'environment' 为后置，'left'/'right' 为外部）——并非所有桌面 USB 摄像头都报告方向信息，因此该字段可能显示为 'unknown'。
• 流生命周期：track.stop() 释放摄像头硬件并关闭操作系统级指示灯；srcObject = null 断开渲染管道——两者都需要调用才能完全释放设备，使其他应用可以获取。
• 安全模型：getUserMedia 需要安全上下文（HTTPS 或 localhost），会触发按源的权限对话框，摄像头指示灯在操作系统/内核级别强制执行——网页无法绕过这三道防线。