メインコンテンツへスキップ

@capgo/camera-preview

WebView上でライブカメラプレビュー、撮影、ズームレンズの切り替え、バーコードスキャンに対応。

@capgo/camera-preview をレンダリングします ネイティブのカメラレイヤー WebViewの背面または前面に配置し、継続的なプレビュー、静止画撮影、フラッシュ制御、アスペクト比、さらにオプションで バーコードスキャンが可能です。標準のカメラアプリに遷移させることなく、スキャン決済、ARオーバーレイ、カスタムシャッターUX、ビジョンワークフローなどを構築できます。

と連携して @capgo/capacitor-uploader JavaScriptでフルバッファをロードする代わりに、ディスクパスからキャプチャをアップロードできます。

プラットフォーム備考
iOSとマルチレンズ対応、ピンチズーム、ネイティブスキャナーによるバーコード形式
AndroidCameraX プレビュー、撮影解像度を設定可能
Web限定的なサポート。現在のWeb対応範囲はプラグインのREADMEを参照してください
  • start - カメラプレビューを開始します。
  • stop - カメラプレビューを停止します。
  • capture - カメラで写真を撮影します。
  • captureSample - カメラプレビューのストリームから単一フレームをキャプチャします。
メソッド説明
startカメラプレビューを開始します。
stopカメラプレビューを停止します。
captureカメラで写真を撮影します。
captureSampleカメラプレビューのストリームから1フレームをキャプチャします。
getSupportedFlashModes使用中のカメラがサポートしているフラッシュモードを取得します。
setAspectRatioカメラプレビューのアスペクト比を設定します。
getAspectRatioカメラプレビューの現在のアスペクト比を取得します。
setGridModeカメラプレビューオーバーレイのグリッドモードを設定します。
getGridModeカメラプレビューオーバーレイの現在のグリッドモードを取得します。
checkPermissionsシステムダイアログを表示せずに、現在のカメラ(および任意でマイク)の権限ステータスを確認します。
requestPermissionsカメラ(およびオプションでマイク)の権限をリクエストします。すでに権限が許可または拒否されている場合は、プロンプトを表示せずに現在のステータスを返します。値が showSettingsAlert true かつ権限が拒否されている場合は、ユーザーをアプリの設定画面へ誘導するプラットフォーム固有のアラートが表示されます。
getHorizontalFovアクティブなカメラの水平視野角(FOV)を取得します。注意:デバイスによっては推定値となる場合があります。
getSupportedPictureSizesすべてのカメラでサポートされている写真サイズを取得します。
setFlashModeアクティブなカメラのフラッシュモードを設定します。
flipインカメラとアウトカメラを切り替えます。
setOpacityカメラプレビューの不透明度を設定します。
stopRecordVideo進行中のビデオ録画を停止します。
startRecordVideoビデオ録画を開始します。
isRunningカメラプレビューが現在実行中かどうかを確認します。
getAvailableDevices利用可能なすべてのカメラデバイスを取得します。
getZoom最小/最大ズーム値や現在のレンズ情報を含む、現在のズーム状態を取得します。
getZoomButtonValuesズームボタンの値を返します。素早い切り替えに使用できます。- iOS/Android: 超広角が利用可能な場合は0.5、広角が利用可能な場合は1と2、望遠が利用可能な場合は3が含まれます。- Web: 非対応。
setZoomカメラのズームレベルを設定します。
getFlashMode現在のフラッシュモードを取得します。
removeAllListeners登録されているすべてのリスナーを削除します。
setDeviceIdアクティブなカメラを指定されたものに切り替えます。 deviceId.
getDeviceId現在バインドされているカメラデバイスのIDを取得します。Androidで物理レンズのリクエストが論理カメラにフォールバックした場合、このメソッドはバインドされている論理カメラのIDを返します。
getPreviewSize現在のプレビューのサイズと位置を取得します。
setPreviewSizeプレビューのサイズと位置を設定します。
setFocusプレビュー内の特定のポイントにカメラのフォーカスを設定します。
addListener画面のリサイズイベントのリスナーを追加します。
addListener画面の向き変更イベントのリスナーを追加します。
deleteFileDeletes a file at the given absolute path on the device. Use this to quickly clean up temporary images created with storeToFile. Webではサポートされておらず、エラーが発生します。
getSafeAreaInsetsデバイスのセーフエリアのインセットを取得します。向きに応じたノッチやカメラのカットアウトのインセットと、現在の向きを返します。ポートレートモードでは上部のインセット(上部のノッチ)を、ランドスケープモードでは左側のインセット(サイドに移動したノッチ)を返します。これは、最新のスマートフォンに搭載されているカットアウト領域(ノッチ、パンチホールなど)を対象としています。
getOrientation現在のデバイスの向きをクロスプラットフォーム形式で取得します。
getExposureModesアクティブなカメラがサポートしている露出モードを返します。モードには 'locked'、'auto'、'continuous'、'custom' が含まれます。
getExposureMode現在の露出モードを返します。
setExposureMode露出モードを設定します。
getExposureCompensationRangeサポートされている露出補正(EVバイアス)の範囲を返します。
getExposureCompensation現在の露出補正(EVバイアス)を返します。
setExposureCompensation露出補正(EVバイアス)を設定します。値は指定された範囲内に制限されます。
getPluginVersionネイティブの Capacitor プラグインのバージョンを取得します。

次の値を使用して CameraLens.deviceType または LensInfo.deviceType 物理カメラレンズを選択します。

値ユーザーは以下を確認できます:
ultraWide超広角カメラレンズ。
wideAngle標準広角カメラレンズ。
telephoto望遠カメラレンズ。
trueDepthTrueDepth フロントカメラ。
dualデュアルカメラシステム。
dualWideデュアル広角カメラシステム
tripleトリプルカメラシステム

このリファレンスは以下から同期されています: src/definitions.ts における capacitor-camera-preview.

使用している場合 @capgo/camera-preview ネイティブメディアとインターフェースの挙動を計画するには、次と連携させてください @capgo/camera-preview の使い方 @capgo/camera-preview を使用してネイティブ機能を利用する場合、 @capgo/capacitor-live-activities の使用 @capgo/capacitor-live-activities の使用におけるネイティブ機能については、 @capgo/capacitor-live-activities @capgo/capacitor-live-activities の実装の詳細については、 @capgo/capacitor-video-playerの使用方法 @capgo/capacitor-video-player を使用する際のネイティブ機能については、 @capgo/capacitor-video-player @capgo/capacitor-video-player. の実装の詳細については