Getting Started
Copiez une invite de configuration avec les étapes d'installation et la guide markdown complet pour ce plugin.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-ricoh360`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/ricoh360-camera/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installez
Section intitulée « Installez »Vous pouvez utiliser notre configuration assistée par l'IA pour installer le plug-in. Ajoutez les Capgo compétences à votre outil IA à l'aide de la commande suivante :
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsEnsuite, utilisez la prompt suivante :
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-ricoh360` plugin in my project.Si vous préférez la configuration manuelle, installez le plug-in en exécutant les commandes suivantes et suivez les instructions spécifiques à la plateforme ci-dessous :
npm install @capgo/capacitor-ricoh360npx cap syncImporter
Section intitulée « Importer »import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';API Vue d'ensemble
Section intitulée “API Présentation”Chaque exemple répète l'importation afin que le morceau de code puisse être copié seul.
initialize
Section intitulée “initialiser”Initialise le SDK avec l'URL de la caméra
import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.initialize({} as InitializeOptions);getCameraAsset
Section intitulée “obtenir un élément de caméra”Récupère un élément de caméra à partir d'une URL et le retourne sous forme base64
import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.getCameraAsset({} as GetCameraAssetOptions);Affiche les fichiers stockés sur la caméra
import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.listFiles();capturePicture
Section intitulée “capturer une photo”Prend une photo
import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.capturePicture();captureVideo
Section intitulée « captureVideo »Prend une vidéo
import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.captureVideo({} as VideoCaptureOptions);livePreview
Section intitulée « livePreview »Démarrer la prévisualisation en direct
import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.livePreview({} as LivePreviewOptions);stopLivePreview
Section intitulée « stopLivePreview »Arrêtez la prévisualisation en direct
import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.stopLivePreview();readSettings
Section intitulée « readSettings »Lit les paramètres de la caméra
import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.readSettings({} as { options: string[] });setSettings
Section intitulée « setSettings »Fixe les paramètres de la caméra
import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.setSettings({} as { options: Record<string, any> });sendCommand
Section intitulée « sendCommand »Envoie une commande brute à la caméra
import { Ricoh360Camera } from '@capgo/capacitor-ricoh360';
await Ricoh360Camera.sendCommand({} as { endpoint: string; payload: Record<string, any> });Référence de type
Section intitulée « Référence de type »InitializeOptions
Section intitulée « Options d'initialisation »export interface InitializeOptions { url: string;}CommandResponse
Titre de la section « CommandResponse »export interface CommandResponse { session?: string; info?: string; preview?: string; picture?: string; settings?: string;}GetCameraAssetOptions
Titre de la section « GetCameraAssetOptions »export interface GetCameraAssetOptions { url: string; saveToFile?: boolean;}GetCameraAssetResponse
Titre de la section « GetCameraAssetResponse »export interface GetCameraAssetResponse { statusCode: number; data: string; // base64 encoded data filePath?: string;}ListFilesOptions
Titre de la section « ListFilesOptions »export interface ListFilesOptions { fileType?: 'all' | 'image' | 'video'; startPosition?: number; entryCount?: number; maxThumbSize?: number; _detail?: boolean;}ListFilesResponse
Titre de la section « 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
Titre de la section « VideoCaptureOptions »export interface VideoCaptureOptions { // Define any specific options needed for capturing a video resolution?: '4K' | '2K'; frameRate?: number; bitrate?: number;}LivePreviewOptions
Section intitulée « Options de visionnage en direct »export interface LivePreviewOptions { displayInFront?: boolean; cropPreview?: boolean;}Source de vérité
Section intitulée « Source de vérité »Cette page est générée à partir du plugin’s src/definitions.tsRexécutez la synchronisation lorsque le public API change en amont.
Continuez de la section « Démarrage »
Section intitulée « Continuez de la section « Démarrage » »Si vous utilisez Démarrage pour planifier le comportement des médias et de l'interface natifs, connectez-l’avec En utilisant @capgo/capacitor-activités en direct pour la capacité native dans l'utilisation de @capgo/capacitor-activités-en-vive @capgo/capacitor-activités-en-vive pour le détail d'implémentation dans @capgo/capacitor-activités-en-vive l'utilisation de @capgo/capacitor-joueur-de-videos pour la capacité native dans l'utilisation de @capgo/capacitor-joueur-de-videos @capgo/capacitor-joueur-de-videos pour le détail d'implémentation dans @capgo/capacitor-joueur-de-videos, et l'utilisation de @capgo/capacitor-navigation-native pour la capacité native dans l'utilisation de @capgo/capacitor-navigation-native