跳过主要内容
返回插件
@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 的原生能力