Getting Started

インストール

AIアシストセットアップを使用してプラグインをインストールできます。AIツールにCapgoスキルを追加するには、以下のコマンドを実行してください。

npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

次に、以下のプロンプトを使用してください:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-ricoh360` plugin in my project.

Manual Setup を使用する場合は、プラットフォーム固有の指示に従うために、以下のコマンドを実行してプラグインをインストールしてください:

npm install @capgo/capacitor-ricoh360
npx cap sync

Import

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

API の概要

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

initialize

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

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

await Ricoh360Camera.initialize({} as InitializeOptions);

getCameraAsset

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

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

await Ricoh360Camera.getCameraAsset({} as GetCameraAssetOptions);

listFiles

カメラに保存されているファイルの一覧を表示します

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

await Ricoh360Camera.listFiles();

capturePicture

写真を撮ります

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

await Ricoh360Camera.capturePicture();

captureVideo

動画をキャプチャします

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

await Ricoh360Camera.captureVideo({} as VideoCaptureOptions);

livePreview

ライブプレビューを開始します

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

await Ricoh360Camera.livePreview({} as LivePreviewOptions);

stopLivePreview

ライブプレビューを停止します

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

await Ricoh360Camera.stopLivePreview();

readSettings

カメラの設定を読み取ります

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

await Ricoh360Camera.readSettings({} as { options: string[] });

setSettings

カメラの設定を設定します

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

await Ricoh360Camera.setSettings({} as { options: Record<string, any> });

sendCommand

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

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

await Ricoh360Camera.sendCommand({} as { endpoint: string; payload: Record<string, any> });

型の参照

InitializeOptions

export interface InitializeOptions {
  url: string;
}

CommandResponse

export interface CommandResponse {
  session?: string;
  info?: string;
  preview?: string;
  picture?: string;
  settings?: string;
}

GetCameraAssetOptions

export interface GetCameraAssetOptions {
  url: string;
  saveToFile?: boolean;
}

GetCameraAssetResponse

export interface GetCameraAssetResponse {
  statusCode: number;
  data: string; // base64 encoded data
  filePath?: string;
}

ListFilesOptions

export interface ListFilesOptions {
  fileType?: 'all' | 'image' | 'video';
  startPosition?: number;
  entryCount?: number;
  maxThumbSize?: number;
  _detail?: boolean;
}

ListFilesResponse

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;
  };
}

VideoCaptureOptions

export interface VideoCaptureOptions {
  // Define any specific options needed for capturing a video
  resolution?: '4K' | '2K';
  frameRate?: number;
  bitrate?: number;
}

LivePreviewOptions

export interface LivePreviewOptions {
  displayInFront?: boolean;
  cropPreview?: boolean;
}

真実の源

このページはプラグインの src/definitions.ts公開 API がアップストリームで変更された場合に再度 Sync を実行してください。

Getting Started から続けてください

Capacitor を使用している場合 Getting Started ネイティブメディアとインターフェイスの動作を計画する場合、Capacitor を Using @capgo/capacitor-live-activities for the native capability in Using @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の実装詳細について、そして @capgo/capacitor-native-navigationを使用 @capgo/capacitor-native-navigationのネイティブ機能について