메뉴로 바로가기

Getting Started

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

각 예제는 Snippet를 복사하기 위해 import를 반복합니다.

SDK를 카메라 URL로 초기화합니다.

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

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();

비디오 촬영

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

실시간 미리보기 시작

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

stopLivePreview

stopLivePreview 섹션

실시간 미리보기 중지

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

InitializeOptions

초기화 옵션 섹션
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.tsAPI이 업스트림에서 변경될 때 다시 동기화하세요.

Getting Started에서 계속

'Getting Started에서 계속' 섹션

이미지 또는 비디오를 사용 중입니다. Getting Started native 미디어 및 인터페이스 동작을 계획하고 연결하기 위해 Using @capgo/capacitor-live-activities native 기능을 위한 Using @capgo/capacitor-live-activities @capgo/capacitor-live-activities native 기능 구현 세부 사항을 위한 @capgo/capacitor-live-activities Using @capgo/capacitor-video-player native 기능을 위한 Using @capgo/capacitor-video-player @capgo/capacitor-video-player native 기능 구현 세부 사항을 위한 @capgo/capacitor-video-player, Using @capgo/capacitor-native-navigation native 기능을 위한 Using @capgo/capacitor-native-navigation.