网页摄像头用于直接调用设备摄像头拍照或录像。页面提供「拍照 / 录像」两种模式，分辨率可请求 640×480、1280×720、1920×1080；检测到多个摄像头时会显示前后摄切换按钮。拍照通过 canvas 把当前视频帧保存为 PNG，录像通过 MediaRecorder 保存为 WebM。

这是一页独立的浏览器采集工具，不使用 ffmpeg.wasm，也不会因为开启摄像头而下载 32 MB 引擎。录像模式会同时申请麦克风；前置摄像头在预览里用 CSS 镜像显示，保存内容仍取自摄像头原始视频帧。

1. 01开启摄像头在 HTTPS 页面点击「开启摄像头」，允许浏览器访问设备。
2. 02选择模式和分辨率选「拍照」或「录像」，再选 640×480、1280×720 或 1920×1080；这些是 ideal 请求，实际尺寸由设备决定。
3. 03需要时切镜头检测到多个 videoinput 时点击「切换后置 / 切换前置」。录像模式会同时申请麦克风。
4. 04保存结果拍照后逐张下载 PNG；录像点击停止后预览 WebM，再下载本地文件。

安全上下文

需要现代浏览器的 getUserMedia 支持，通常必须通过 HTTPS；权限拒绝、设备占用或系统禁用都会导致开启失败。

分辨率是理想值

640×480、720p、1080p 都通过 ideal 约束请求，摄像头和浏览器可以返回不同的实际尺寸。

录像格式

按浏览器能力优先 VP9+Opus WebM，其次 VP8+Opus 或普通 WebM；不能在页面直接选择 MP4。

录像控制

当前页面只有开始/停止，没有暂停继续；切模式、切分辨率和切镜头在录像中会被禁用。

不做什么

不加滤镜、美颜、背景替换或自动压缩；后续处理请下载后再进入相应图片或音视频工具。

摄像头和录像麦克风数据只在当前浏览器内处理并生成 PNG/WebM Blob，不上传，也不加载 ffmpeg CDN；浏览器会在调用设备前要求摄像头/麦克风权限。