メインコンテンツにスキップ
プラグインに戻る
@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

__CAPGO_KEEP_0__:

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

await CameraPreview.stop();

capture

__CAPGO_KEEP_0__:

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

await CameraPreview.capture({} as CameraPreviewPictureOptions);

captureSample

__CAPGO_KEEP_0__:

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

await CameraPreview.captureSample({} as CameraSampleOptions);

__CAPGO_KEEP_0__:

capgo/camera-previewを使用しています

__CAPGO_KEEP_0__/camera-previewを使用している場合 capgo/camera-previewと接続します __CAPGO_KEEP_0__を使用して、ネイティブのメディアとインターフェイスの動作を計画する場合 capgoを停止します。 @capgo/カメラプレビューの実装詳細について Getting Started @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__ライブアクティビティの使用 @capgo/capacitorライブアクティビティの実装詳細について、そして @capgo/capacitorライブアクティビティ @capgo/capacitor-ライブアクティビティ @capgo/capacitor-ビデオプレーヤーの使用 @capgo/capacitor-ビデオプレーヤーのネイティブ機能 for the native capability in Using @capgo/capacitor-video-player.