在线摄像头调试
编程开发
在线摄像头调试工具,支持实时预览、拍照截图、录像、分辨率切换、画面参数调节和设备枚举
请使用 Chrome/Firefox/Edge 并通过 HTTPS 或 localhost 访问。
自动 (默认)
未连接
画面预设
🖥️默认预览
☀️高亮模式
🔲高对比度
🔥暖色调
❄️冷色调
🔍锐化增强
🌙夜视模式
📷复古怀旧
⬛黑白模式
🌈鲜艳生动
🌸柔焦模式
💀X光效果
实时预览
拍照/参数
采集画廊 (0)
设备信息
点击「启动摄像头」开始实时预览
0摄像头
-分辨率
0FPS
0截图
0录像
离线状态
工具说明
工具介绍
在线摄像头调试工具,基于 WebRTC/MediaDevices API,支持实时预览、12 种画面滤镜预设、多摄像头切换、11 种分辨率、镜像翻转、5 种网格叠加、数字缩放、倒计时/连拍拍照、视频录制、画中画模式、Track 能力查看。所有操作均在浏览器本地完成。
使用步骤
启动摄像头
点击启动按钮并授权摄像头权限
选择设备/分辨率
从下拉列表选择摄像头和分辨率
调节画面
应用预设滤镜或手动调节亮度/对比度/饱和度等参数
叠加辅助
开启网格线、镜像翻转、缩放等辅助功能
拍照/录像
支持倒计时拍照、连拍模式、视频录制
导出保存
在画廊中预览和下载截图/录像文件
常见问题
Q1: 浏览器提示无法访问摄像头?
请确保:1) 浏览器已授予摄像头权限(地址栏左侧锁图标);2) 页面通过 HTTPS 或 localhost 访问;3) 没有其他程序正在占用摄像头。
Q2: 切换分辨率后画面黑屏?
部分摄像头不支持某些分辨率,切换后可能黑屏。请尝试选择"自动"或较低分辨率,如 720p 或 480p。
Q3: 拍照后图片保存在哪里?
拍照后图片会显示在下方案件库中,可点击"下载"按钮保存到本地。图片不会上传到任何服务器,所有操作均在浏览器本地完成。
Q4: 录像功能支持哪些格式?
录像格式取决于浏览器支持,通常优先使用 video/webm;codecs=vp9,降级到 video/webm;codecs=vp8,最终降级到 video/webm。
Q5: 画面参数调节没有效果?
画面参数通过 CSS filter 实现视觉调节,不影响实际摄像头硬件参数。部分高级参数(如白平衡、曝光)需通过 MediaTrackConstraints API 设置。
Q6: 支持多摄像头同时预览吗?
本工具支持枚举所有可用摄像头并切换预览,但同一时间只预览一个摄像头。可通过设备选择下拉框快速切换不同摄像头。
使用场景
| 场景 | 说明 |
|---|---|
| WebRTC 开发调试 | 验证摄像头设备枚举、MediaStream 获取和轨道参数 |
| 安防监控测试 | 测试不同分辨率下的摄像头画面质量和帧率 |
| 视频会议开发 | 调试前后摄像头切换、画面参数调节和录制功能 |
| AI 视觉采集 | 为计算机视觉模型采集不同分辨率的图像数据 |
| 直播推流测试 | 验证摄像头输出分辨率和帧率是否满足推流要求 |
| 硬件兼容性检测 | 测试不同浏览器和设备上的摄像头兼容性 |