功能介绍
摄像头测试用 getUserMedia 打开真实视频流并显示分辨率、帧率与设备列表:默认请求 1920×1080 上限,实际协商到的分辨率显示在“实际分辨率”栏——厂商标称 1080p 但只协商到 640×480 的假 HD 摄像头当场现形。
帧率用 requestVideoFrameCallback 逐帧计数测量 3 秒——统计的是摄像头真实出帧,而非屏幕刷新率(rAF 老方法在 60Hz 屏上会把 15fps 摄像头显示成 60)。多摄像头设备可下拉切换逐一验证;镜像开关检查翻转,截图按钮按当前分辨率(含镜像状态)保存 PNG,用于验机留证。
画质三查:正对光线充足环境看边缘文字是否清晰无重影;画面上下倒置或左右镜像属驱动层问题,在系统摄像头设置调整;两指遮挡镜头应立刻出现明显暗场,若画面毫无变化,你看到的很可能是虚拟摄像头(会议软件常见)。
使用方法
- 允许访问:点击“打开摄像头”,在浏览器弹窗中允许摄像头权限
- 看参数:右侧显示实际分辨率;点击“开始测帧率”保持静止 3 秒
- 切换设备:多摄像头环境下用设备下拉切换,确认会议软件选中的同一颗
- 截图验画质:正对文字或图案拍摄,截图下载后放大检查锐度与色彩
检测要点
- 帧率陷阱:光线不足时摄像头自动延长曝光,帧率从 30 掉到 15 属正常,补光再测
- 虚拟摄像头:列表中出现 OBS/CamTwit 等虚拟设备,测物理镜头请选回真实设备
- 镜像说明:镜像只影响本站截图与预览,不影响会议软件对方视角
常见问题
黑屏怎么办?
多为占用(微信/腾讯会议后台独占了摄像头)或权限问题,关闭占用程序并刷新页面
画面倒转?
在系统相机应用或显卡驱动旋转设置中调整;本站镜像按钮只能水平翻转
测得了像素吗?
网页读取的是输出分辨率(如 1280×720≈92 万像素),传感器标称像素会更高
画面是镜像的正常吗?
前置摄像头预览普遍默认镜像,方便对镜整理;部分会议软件取流方向不同,以实际软件预览为准。
提示 NotAllowedError?
浏览器拒绝了权限:点地址栏摄像头图标改为“允许”并刷新;若系统层面(Windows 隐私设置/ macOS 隐私与安全)禁止了摄像头,需先在系统中允许浏览器。
测出帧率只有 25-30fps?
绝大多数笔记本/手机前置摄像头硬件规格就是 30fps,1080p60 属于少数高端型号,属正常而非故障;光线不足时摄像头自动延长曝光,帧率还会进一步下降。