メインコンテンツにジャンプ
プラグインに戻る
@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 を使用して、ネイティブ メディアとインターフェイスの動作を計画します。capgo を使用して、capgo と接続します。 https://__CAPGO_KEEP_0__.com/Cap-go/__CAPGO_KEEP_1__-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を参照してください。