コンテンツにジャンプ

始めてみる

ターミナル画面
npm install @capgo/capacitor-ricoh360
npx cap sync
import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

各例では、スニペットを単独でコピーできるようにインポートを繰り返します。

SDKにカメラURLを初期化します

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.initialize({} as InitializeOptions);

getCameraAsset

「getCameraAsset」

URLからカメラアセットを取得し、base64で返します

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.getCameraAsset({} as GetCameraAssetOptions);

カメラに保存されているファイルをリストします

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.listFiles();

capturePicture

「capturePicture」

写真を撮ります

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.capturePicture();

captureVideo

「captureVideo」

動画をキャプチャ

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.captureVideo({} as VideoCaptureOptions);

ライブプレビューを開始

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.livePreview({} as LivePreviewOptions);

ライブプレビューを停止

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.stopLivePreview();

カメラの設定を読み取る

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.readSettings({} as { options: string[] });

カメラ設定を設定する

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.setSettings({} as { options: Record<string, any> });

カメラにRAWコマンドを送信する

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.sendCommand({} as { endpoint: string; payload: Record<string, any> });
export interface InitializeOptions {
url: string;
}
export interface CommandResponse {
session?: string;
info?: string;
preview?: string;
picture?: string;
settings?: string;
}
export interface GetCameraAssetOptions {
url: string;
saveToFile?: boolean;
}
export interface GetCameraAssetResponse {
statusCode: number;
data: string; // base64 encoded data
filePath?: string;
}
export interface ListFilesOptions {
fileType?: 'all' | 'image' | 'video';
startPosition?: number;
entryCount?: number;
maxThumbSize?: number;
_detail?: boolean;
}
export interface ListFilesResponse {
results: {
entries: {
name: string;
fileUrl: string;
size: number;
dateTimeZone: string;
width?: number;
height?: number;
previewUrl?: string;
_projectionType?: string;
isProcessed?: boolean;
_thumbSize?: number;
}[];
totalEntries: number;
};
}
export interface VideoCaptureOptions {
// Define any specific options needed for capturing a video
resolution?: '4K' | '2K';
frameRate?: number;
bitrate?: number;
}
export interface LivePreviewOptions {
displayInFront?: boolean;
cropPreview?: boolean;
}

プラグインの src/definitions.ts. Re-run the sync when the public API changes upstream.

パブリック__CAPGO_KEEP_0__がアップストリームで変更されたら、再度同期を実行してください。

Getting Startedから続けてください

Getting Startedから続けてください native mediaとinterfaceの動作を計画している場合、native capabilityを接続してください。 native capabilityの@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-activitiesを使用してください。 native capabilityの@capgo/capacitor-live-activitiesの実装詳細を@capgo/capacitor-live-activitiesで確認してください。 @capgo/capacitor-live-activities @capgo/capacitor-live-activitiesの実装詳細を確認してください。 @capgo/capacitor-live-activities Using @capgo/capacitor-video-player for the native capability in Using @capgo/capacitor-video-player @capgo/capacitor-video-player for the implementation detail in @capgo/capacitor-video-player, and Using @capgo/capacitor-native-navigation for the native capability in Using @capgo/capacitor-native-navigation