给网页接入拍照的Skill

调用网络摄像头,拍照和切换前后摄像头。

extension-camera 是一个为 Caffeine AI 网页项目接入相机的 Skill。它使用现成的 React 相机 Hook,让页面可以显示预览、拍照,并处理相机启动时的错误。

Hook 可以理解为组件调用的一组现成能力。AI 按文档连接预览画面、拍照按钮和状态提示,使用开始、停止、拍照等接口,不修改预制 Hook 本身。拍照返回的是文件对象,后续保存或上传不属于这份文档提供的完整流程。

页面打开相机时要展示预览,预览上要有拍照按钮。画面容器还得有明确且不为零的尺寸,不能因为布局挤压而消失;相机没有初始化完,按钮不能先变成可点击状态。

权限被拒、浏览器不支持或找不到设备时,都要显示相应错误。按这份归档扩展的约束,桌面端不提供切换相机按钮。示例与类型声明存在不一致,接入时仍需核对所用版本;本文介绍接入要求,未把示例当成已验证可直接运行的代码。

分类:编程开发

来源仓库:caffeinelabs/skills

适合用来做什么

  • 连接网络摄像头以进行实时视频会议。
  • 设置网络摄像头以监控我的店铺。

安装 extension-camera

npx skills add https://www.iskills.cc/skills/caffeinelabs/skills/extension-camera/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 extension-camera 的用途与原始说明

浏览全部 Skill 指南