コンテンツに進む

はじめから始める

GitHub

AI-Assisted Setupを使用してプラグインをインストールできます。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 { Ricoh360Camera } from '@capgo/capacitor-ricoh360';

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

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

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
const result = await Ricoh360Camera.initialize({ url: 'https://example.com' });
console.log(result);

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

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
const result = await Ricoh360Camera.getCameraAsset({ url: 'https://example.com' });
console.log(result);

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

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
const result = await Ricoh360Camera.listFiles();
console.log(result);

写真を撮影

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
const result = await Ricoh360Camera.capturePicture();
console.log(result);

動画をキャプチャします

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
const result = await Ricoh360Camera.captureVideo({
resolution: '4K',
frameRate: 1,
bitrate: 1,
});
console.log(result);

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

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
const result = await Ricoh360Camera.livePreview({
displayInFront: false,
cropPreview: false,
});
console.log(result);

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

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
const result = await Ricoh360Camera.stopLivePreview();
console.log(result);

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

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
const result = await Ricoh360Camera.readSettings({ options: ['option'] });
console.log(result);

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

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
const result = await Ricoh360Camera.setSettings({ options: {} });
console.log(result);

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

import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
const result = await Ricoh360Camera.sendCommand({
endpoint: 'https://example.com',
payload: {},
});
console.log(result);

型の参照

型の参照
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公開 API がアップストリームで変更された場合に、再度同期を実行してください。

続けて「Getting Started」

「続けて「Getting Started」」

あなたが 「Getting Started」 を使用してネイティブメディアとインターフェイスの動作を計画している場合、 「@capgo/capacitor-live-activities」を使用して 「@capgo/capacitor-live-activities」 「@capgo/capacitor-live-activities」 Capacitorライブアクティビティの実装詳細については、@capgo/capacitor-ライブアクティビティを参照してください。 @capgo/capacitor-ビデオプレーヤー Capgoのnative機能のために、@capgo/capacitor-video-playerを使用します。 @capgo/capacitor-ビデオプレーヤー Capacitorビデオプレーヤーを使用して、実装詳細については、@capgo/capacitor-ビデオプレーヤーを参照してください。また、 @capgo/capacitor-nativeナビゲーションを使用 Ricoh 360 カメラのネイティブ機能の使用に @capgo/capacitor-ネイティブナビゲーションを使用します。