extension-camera 是一个为 Caffeine AI 网页项目接入相机的 Skill。它使用现成的 React 相机 Hook,让页面可以显示预览、拍照,并处理相机启动时的错误。
Hook 可以理解为组件调用的一组现成能力。AI 按文档连接预览画面、拍照按钮和状态提示,使用开始、停止、拍照等接口,不修改预制 Hook 本身。拍照返回的是文件对象,后续保存或上传不属于这份文档提供的完整流程。
页面打开相机时要展示预览,预览上要有拍照按钮。画面容器还得有明确且不为零的尺寸,不能因为布局挤压而消失;相机没有初始化完,按钮不能先变成可点击状态。
权限被拒、浏览器不支持或找不到设备时,都要显示相应错误。按这份归档扩展的约束,桌面端不提供切换相机按钮。示例与类型声明存在不一致,接入时仍需核对所用版本;本文介绍接入要求,未把示例当成已验证可直接运行的代码。