跳过主要内容
返回插件
@capgo/camera-preview
教程
@capgo/camera-preview

相机预览

以可定制的控制和捕获功能显示实时相机预览

指南

Camera Preview教程

在设备上测试

Download the Capgo app, then scan the QR code.

摄像头预览插件预览二维码code

使用@capgo/camera-preview

摄像头预览插件的主要界面

安装

bun add @capgo/camera-preview
bunx cap sync

此插件暴露的内容

  • start - 启动摄像头预览
  • stop - 停止摄像头预览
  • capture - 从摄像头捕获图片
  • captureSample - 从摄像头预览流中捕获单帧

示例使用

start

启动摄像头预览

import { CameraPreview } from '@capgo/camera-preview';

await CameraPreview.start({} as CameraPreviewOptions);

stop

停止摄像头预览。

import { CameraPreview } from '@capgo/camera-preview';

await CameraPreview.stop();

capture

从摄像头捕获图片。

import { CameraPreview } from '@capgo/camera-preview';

await CameraPreview.capture({} as CameraPreviewPictureOptions);

captureSample

从摄像头预览流中捕获一个单独的帧。

import { CameraPreview } from '@capgo/camera-preview';

await CameraPreview.captureSample({} as CameraSampleOptions);

全局参考

继续使用@capgo/camera-preview

如果您正在使用 使用@capgo/camera-preview 来规划原生媒体和界面行为,连接它与 @capgo/camera-preview 为 @capgo/camera-preview 的实现细节, 开始使用 为 Getting Started 的实现细节, 使用 @capgo/capacitor-live-activities 为使用 @capgo/capacitor-live-activities 的原生能力, @capgo/capacitor-live-activities 为 @capgo/capacitor-live-activities 的实现细节, 和 使用 @capgo/capacitor-video-player 为使用 @capgo/capacitor-video-player 的原生能力.