メインコンテンツにジャンプする
プラグインに戻る
@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を使用し続ける

__CAPGO_KEEP_0__を使用している場合 capgoを使用して nativeメディアとインターフェイスの動作を計画する場合、@__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ビデオプレーヤーを使用するには@capgo/capacitor-video-playerを参照してください。 Capacitorライブアクティビティのネイティブ機能についてはUsing @capgo/capacitor-video-playerを参照してください。