打开网易新闻 查看精彩图片

视频会议前测麦克风,游戏前查显示器坏点,买二手耳机前确认左右声道——这些场景下,你通常要下3个软件、看5分钟广告、再被推销一波会员。

旧金山开发者马克·戴维斯(Mark Davis)的解决方案是:一个网页,全部搞定,零下载。

从"每次开会都慌"到"干脆自己造"

从"每次开会都慌"到"干脆自己造"

戴维斯在博客中写道,他每次加入视频通话前都会焦虑三连:麦克风真的在工作吗?摄像头开了吗?音箱是不是只响了一边?

市面上现有工具的问题很集中:要么强制下载安装包,要么广告弹窗比功能还多,要么一次只能测一种设备。他试过的某款"专业音频检测软件",安装包体积超过200MB,启动后先弹30秒开屏广告。

「我想要的只是一个能立刻告诉我'设备正常'的页面。」戴维斯说。

打开网易新闻 查看精彩图片

三周后,MicCheck Online上线。没有注册流程,没有付费墙,打开浏览器就能用。

7个工具,每个都解决一个具体痛点

7个工具,每个都解决一个具体痛点

麦克风检测页面显示实时音量波形,红色峰值标记提示音频截幅(clipping,即音量过大导致的失真)。下拉菜单可直接切换系统默认设备,不用退出浏览器去改系统设置。

摄像头检测除了预览画面,还叠加分辨率和帧率读数。戴维斯发现很多用户买了标称"1080P"的摄像头,实际输出只有720P——这个读数能帮你当场验货。

音箱检测可能是技术实现最复杂的部分。页面提供左右声道独立开关、60Hz到16kHz的固定频率测试音,以及20Hz到20kHz的连续扫频。扫频功能用到了Web Audio API的OscillatorNode(振荡器节点)和exponentialRampToValueAtTime(指数渐变方法),让频率平滑爬升而非跳跃。

耳机检测单独拆出一页,左右声道隔离用createStereoPanner()(立体声定位节点)实现。戴维斯解释,这看似和音箱功能重复,但耳机用户更需要快速确认"是不是一边坏了"——尤其是二手交易场景。

打开网易新闻 查看精彩图片

显示器检测包含纯白/纯黑/纯色画面、坏点扫描、背光漏光测试、亮度均匀性检查。键盘检测实时可视化每个按键的触发状态,机械键盘玩家用来测键程和防冲突。鼠标检测追踪按键、滚轮和移动轨迹,帮你判断是传感器脏了还是真的坏了。

浏览器里的硬件检测,技术约束比想象中多

浏览器里的硬件检测,技术约束比想象中多

纯网页方案的最大限制是权限。麦克风、摄像头、屏幕录制都需要用户主动授权,且每次新开页面都要重新申请。戴维斯没有绕过这个限制,而是把授权流程做得足够快——平均3秒内进入检测状态。

另一个隐藏挑战是音频上下文的生命周期。现代浏览器会暂停后台标签页的音频处理,如果用户在扫频测试时切去回邮件,再切回来可能发现声音断了。戴维斯的解决方案是检测Page Visibility API(页面可见性接口),页面重新激活时自动恢复音频上下文。

兼容性方面,MicCheck Online支持Chrome、Firefox、Edge、Safari四大浏览器。戴维斯特别提到Safari的Web Audio实现"有些古老的小脾气",需要额外处理音频节点的连接顺序。

目前网站月活约12万,用户平均停留4分半钟。戴维斯在博客末尾开放了反馈通道:「开发社区还缺什么工具?下一步该造什么?」

这个问题他自己也没答案。但有个数据挺有意思——键盘检测页面的流量在周末比工作日高出40%,可能是游戏玩家在验新装备。