工作原理
测试使用 W3C Media Capture and Streams 标准中的 getUserMedia 打开摄像头和麦克风,显示实时画面,并读取浏览器实际应用的设置:分辨率、帧率、宽高比、采样率,以及回声消除、降噪和自动增益是否开启。
电平表通过 Web Audio API 以 dBFS(相对满刻度的分贝)测量麦克风信号,并显示峰值标记。帧率按视频元素实际收到的帧数计算。5 秒片段用 MediaRecorder 录在内存中,方便同时检查声音和画面;不会发送到任何地方。
检查什么
- 画面:清晰、光线充足、不过暗或噪点多,并选中了正确的摄像头。
- 分辨率和帧率:视频通话通常为 720p 或 1080p、25–30 fps。
- 麦克风电平:正常说话时电平条应到中间;碰到红色末端说明太响或离得太近。
- 片段:声音清楚,没有回声或机械音,并与口型同步。
如果无法使用
- 被阻止:在浏览器地址栏的网站设置中允许本网站使用摄像头和麦克风。
- 黑屏或设备被占用:关闭视频会议、录屏等正在使用摄像头的应用。
- 设备不对:在上方列表中选择正确的摄像头或麦克风(授权后才会显示名称)。
- 笔记本电脑请检查摄像头遮挡片、摄像头开关键或系统隐私设置。
提示
- 请在开会用的同一个浏览器中测试,因为权限按浏览器和网站分别保存。
- 请求分辨率只是一个期望值:摄像头会选择最接近的支持模式,实际值显示在“分辨率”中。
- 关闭镜像,就能看到通话对方看到的画面方向。
标准与出处
- Media Capture and Streams(getUserMedia) · W3C
- MediaStream Recording(MediaRecorder) · W3C
- MediaDevices.getUserMedia() · MDN Web Docs
- MediaStreamTrack.getSettings() · MDN Web Docs
最后核对于 2026年10月18日
常见问题
我的视频或声音会被上传吗?
不会。预览、测量结果和测试片段只在浏览器中处理,不会发送给 beancuit 或任何人,关闭或刷新页面后片段就会消失。
为什么 1080p 摄像头显示 720p?
浏览器一开始使用较低的默认值。请在“请求分辨率”中选择 1920 × 1080;如果仍然较低,可能是摄像头、线缆或 USB 端口不支持该模式,或其他应用在限制它。
为什么设备名称是空的?
浏览器只有在你授权后才会显示摄像头和麦克风名称。点击开始测试并允许访问,列表就会填好。
麦克风电平不动怎么办?
确认选择了正确的麦克风、硬件静音开关没有打开、系统输入音量不为零,然后靠近麦克风说话。