メインコンテンツにジャンプ
Back to プラグイン
@capgo/カメラプレビュー
チュートリアル
@capgo/カメラプレビュー

カメラプレビュー

ライブ カメラ フィードをオーバーレイとして表示し、カスタマイズ可能なコントロールとキャプチャ機能を備えたプラグイン

ガイド

カメラプレビューのチュートリアル

デバイスでテスト

Capgoアプリをダウンロードして、QR codeをスキャンしてください。

カメラプレビュー プラグイン プレビュー QR code

Using @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);

フル リファレンス

Using @capgo/camera-preview から続けてください。

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