跳过主要内容
@capgo/capacitor-RICOH360 重命名 从 @capgo/ricoh360 重命名为 @capgo/capacitor-ricoh360。 媒体 开源

Ricoh360 相机 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 相机

在设备上测试

下载 Capgo 应用程序,然后扫描二维码 code。

Ricoh360 相机插件预览二维码 code

使用 @capgo/capacitor-ricoh360

提供了一个用于Ricoh360相机的SDK,适用于Capacitor。

安装

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-实时活动 为 @capgo/capacitor-live-activities 的实现细节 使用 @capgo/capacitor-video-player 为 @capgo/capacitor-video-player 的原生能力 @capgo/capacitor-视频播放器 为 @capgo/capacitor-video-player 的实现细节,以及 使用 @capgo/capacitor-native-navigation 为 @capgo/capacitor-native-navigation 的原生能力

常见问题

Ricoh360 相机插件常见问题

如何在 Capacitor 应用中安装 Ricoh360 相机插件?

运行 "bun add @capgo/capacitor-ricoh360" (或 "npm install @capgo/capacitor-ricoh360"),然后运行 "bunx cap sync",使 iOS 和 Android 项目捕获 native code。从 "@capgo/capacitor-ricoh360" 导入您的应用 code。

@capgo/capacitor-ricoh360 与 React、Vue 和 Angular 是否兼容?

是的。Ricoh360 相机是一个 Capacitor 包,因此它与任何运行在 Capacitor 内的 Web 框架兼容,包括 Ionic、React、Vue、Angular、Svelte 和普通 JavaScript。

@Capacitor 的哪个版本支持 @capgo/capacitor-ricoh360?

Capgo 插件遵循 Capacitor 的主要版本:使用与 Capacitor 主要版本匹配的插件主要版本(例如插件 v8 与 Capacitor 8)。在 GitHub README 中的兼容性表格中列出了维护的版本。

@capgo/capacitor-ricoh360 是否免费和开源?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-ricoh360-camera-plugin/ and the package is free to install from npm. Bug reports and pull requests are welcome.

我可以在不经过App Store审查的情况下更新使用Ricoh360相机的code吗?

安装或升级插件会改变原生的code,因此需要新建一个商店构建。之后,使用Capgo实时更新的JavaScript、HTML和CSS更改可以立即发布。

不必等待应用程序审查就可以将Ricoh360相机的更改部署

一旦插件在您的商店构建中,Capgo实时更新将推送您的JavaScript、HTML和CSS更改到用户中,仅需几分钟。

从Capgo开始