メインコンテンツへスキップ
@capgo/capacitor-ricoh360 名称変更 @capgo/ricoh360 から @capgo/capacitor-ricoh360. へ名称変更 メディア オープンソース

Ricoh360 Camera Capacitor プラグイン

Ricoh Theta 360度カメラを制御し、没入感のあるパノラマ写真を実現

インストール

bun add @capgo/capacitor-ricoh360 bunx cap sync
npm、pnpm、または yarn
  • npm install @capgo/capacitor-ricoh360
  • pnpm add @capgo/capacitor-ricoh360
  • yarn add @capgo/capacitor-ricoh360

ガイド

Capacitor で Ricoh360 Camera を使用する方法

実機でテストする

Capgo アプリをダウンロードして、QR code をスキャンしてください。

Ricoh360 Camera plugin プレビュー用QR code

@capgo/capacitor-ricoh360 を使用

Capacitor 用の Ricoh360 カメラ向け SDK を提供します。

インストール

npm install @capgo/capacitor-ricoh360
npx cap sync

このプラグインで利用可能な機能

  • initialize - カメラURLを使用して SDK を初期化します。
  • getCameraAsset - URLからカメラアセットを取得し、base64形式で返します。
  • listFiles - カメラに保存されているファイル一覧を取得します。
  • capturePicture - 写真を撮影します。

実装例

initialize

カメラURLを使用して SDK を初期化します。

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

const result = await Ricoh360Camera.initialize({ url: 'https://example.com' });
console.log(result);

getCameraAsset

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

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

const result = await Ricoh360Camera.getCameraAsset({ url: 'https://example.com' });
console.log(result);

listFiles

カメラに保存されているファイル一覧を取得します。

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

const result = await Ricoh360Camera.listFiles();
console.log(result);

capturePicture

写真を撮影します。

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

const result = await Ricoh360Camera.capturePicture();
console.log(result);

リファレンス全文

@capgo/capacitor-ricoh360 の使用方法へ進む

以下を使用している場合: @capgo/capacitor-ricoh360 ネイティブのメディアとインターフェースの挙動を計画するには、これを次と連携させてください: @capgo/capacitor-live-activities の使用 @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. の使い方におけるネイティブ機能について

よくある質問

Ricoh360 Camera plugin FAQ

Capacitor アプリに Ricoh360 Camera plugin をインストールするにはどうすればよいですか?

"bun add @capgo/capacitor-ricoh360"(または "npm install @capgo/capacitor-ricoh360")を実行した後、"bunx cap sync" を実行して、iOS および Android プロジェクトにネイティブの code を反映させてください。その後、アプリの code から "@capgo/capacitor-ricoh360" をインポートします。

@capgo/capacitor-ricoh360 は React、Vue、Angular で動作しますか?

はい。Ricoh360 Camera は Capacitor パッケージであるため、Ionic、React、Vue、Angular、Svelte、およびプレーンな JavaScript を含む、Capacitor 内で動作するあらゆる Web フレームワークで使用可能です。

@capgo/capacitor-ricoh360 はどの Capacitor バージョンをサポートしていますか?

Capgo プラグインは Capacitor のメジャーバージョンに合わせています。使用している Capacitor のメジャーバージョンと一致するプラグインのメジャーバージョンを使ってください (例: Capacitor 8 ならプラグイン v8)。GitHub の README にある互換性テーブルに、メンテナンス中のバージョンが記載されています。

@capgo/capacitor-ricoh360 は無料のオープンソースですか?

はい。code のソースコードは GitHub の https://github.com/Cap-go/capacitor-ricoh360-camera-plugin/ で公開されており、パッケージは npm から無料でインストールできます。バグ報告やプルリクエストをお待ちしています。

App Store の審査なしで、Ricoh360 Camera を使用している code をアップデートできますか?

このプラグインをインストールまたはアップグレードするとネイティブの code が変わるため、ストア向けの新しいビルドが必要です。その後は、プラグインを呼び出す JavaScript、HTML、CSS の変更を Capgo によるライブアップデートで即座に配信できます。

アプリの審査を待たずに Ricoh360 Camera の変更をリリース

ストアビルドにプラグインを組み込めば、Capgo のライブアップデートで JavaScript、HTML、CSS の変更を数分でユーザーに配信できます。

Capgo から始める