메인 콘텐츠로 건너뛰기
플러그인으로 돌아가기
@capgo/카메라 미리보기
튜토리얼
@capgo/카메라 미리보기

카메라 미리보기

라이브 카메라 피드를 오버레이로 표시하고 사용자 정의 제어 및 캡처 기능을 사용할 수 있습니다.

Guide

Camera Preview 튜토리얼

기기에서 테스트

Download the Capgo app, then scan the QR code.

카메라 프리뷰 플러그인 미리보기 QR 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);

전체 참조

Using @capgo/camera-preview에서 계속 진행하세요.

이미 사용 중인 경우 Using @capgo/camera-preview 자연적인 미디어 및 인터페이스 동작을 계획하기 위해 연결하세요. @capgo/camera-preview @capgo/camera-preview의 구현 세부 사항 Getting Started Getting Started의 구현 세부 사항 Using @capgo/capacitor-live-activities Using @capgo/capacitor-live-activities의 자연스러운 기능 @capgo/capacitor-live-activities @capgo/capacitor-live-activities의 구현 세부 사항 Using @capgo/capacitor-video-player Using @capgo/capacitor-video-player의 자연스러운 기능