メインコンテンツにジャンプする
プラグインに戻る
@capgo/camera-preview
チュートリアル
@capgo/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 - カメラ プレビュー ストリームから 1 つのフレームをキャプチャします。

例の使用

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

カメラのプレビュー ストリームから 1 つのフレームを撮ります。

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

await CameraPreview.captureSample({} as CameraSampleOptions);

フル リファレンス

「@capgo/camera-preview」を使用し続けます。

「@__CAPGO_KEEP_0__/camera-preview」を使用している場合 ネイティブ メディアとインターフェイスの動作を計画するには、@capgo/camera-previewを@capgo/camera-previewと接続します。 @__CAPGO_KEEP_0__/camera-preview @capgo/camera-preview Capacitorカメラプレビューの実装詳細については@capgo/camera-previewを参照してください。 Getting Started Capacitorカメラプレビューの実装詳細についてはGetting Startedを参照してください。 Capacitorライブアクティビティを使用するには@capgo/capacitor-live-activitiesを参照してください。 Capacitorライブアクティビティのネイティブ機能についてはUsing @capgo/capacitor-live-activitiesを参照してください。 @capgo/capacitor-live-activities Capacitorライブアクティビティの実装詳細については@capgo/capacitor-live-activities、そして Capacitorビデオプレーヤーを使用するにはUsing @capgo/capacitor-video-playerを参照してください。 Capacitorのネイティブ機能についてはUsing @capgo/capacitor-video-playerを参照してください。