Hybrid app development approach

[Babu]

Hello team,

What would be the best preferred hybrid technology on app talks with Ricoh devices with respective to sdk support?

React js or Xamarin

Anything else works better than the above ?

[craig]

We have a lot of information on Flutter.

RICOH THETA API

If you use Xamarin, this may be useful. Solution at end of topic.

GET osc/info return me 404 error but I'm connected to device

Since 3 weeks, I’m not able to get camera info. Before it’s worked well. I got the following error [error] It appears on iPhone 12 pro but not on Android. On network I’m connected like this (“Pas de connexion à internet” means I’ve no access to internet) [Ricoh connexion] My cameras are up-to-date, my code was not edited I’m using Xamarin forms to create my app (hybrid c# framework to build app) Anyone have an idea of what happened and why I got 404 whereas I’m connected to device. Thank…

We did some projects with Electron a while ago.

HowTo: Develop 360 Image Desktop Apps with JavaScript and RICOH THETA

[image] It’s easy to develop desktop applications that control the RICOH THETA API. This tutorial shows you how to use JavaScript, Node, and Electron to build applications that run on Mac, Windows, and Linux laptop and desktop computers. Desktop applications are useful for commercial applications like building surveillance monitoring or automobile sales. I’ll show you how to get started with Electron, but it’ll be up to you to finish the application and build your million dollar VR/AR busines…

What are the project requirements?

• Do you need livePreview?
• Do you need to view video from file?

[Babu]

Thanks for those link @craig

Do you have useful or documentation link for react js works with Ricoh ?

[craig]

sorry, I haven’t tried using React Native in a while. You can search for JavaScript on this forum and get some useful links for packages for the viewers.

The http requests seem to be fine, even the client mode seems to work.

I didn’t test the request-digest package with React Native, but it may work.

Node Client Mode THETA API Access with request-digest

I’ve successfully tested the THETA V Wi-Fi API with client mode (green Wi-Fi LED) access using request-digest. Client Mode Explanation In client mode, your THETA connects to a Wi-Fi router. Your mobile phone or laptop connects to the same router. This allows you to access both the Internet and the THETA at the same time. Client Mode Digest Authentication Unlike AP mode (blue Wi-Fi LED), camera requires a username and password with every API call. The username is the serial number of the THE…

[craig]

@Babu are you working only with the SC and S? Or, are you looking for a solution that is compatible with the SC2, V, X, and Z1 as well?

[Babu]

Not specific to device variants. We are currently providing SC2 , Z1 , Theta V to our customers !

Our current codebase is in iOS native. We are planning to go hybrid approach either in Xamarin or react native technology, so looking for the best approach with full ricoh sdk support

[craig]

Great to hear about your support of the RICOH THETA models. Does your purchasing department buy the cameras directly from RICOH ? @jcasman want to see if he can get a discount code for your company or a better way to buy the cameras. You can also send him email directly at jcasman@oppkey.com

For the hybrid development, can you let us know your requirements for these features:

requirement	comment
http access point HTTP requests	no known problems with any approach. Must allow http in iOS and Android configurations. Camera cannot use https (secure http)
client mode HTTP request	package must support digest authentication. You can also specify the header yourself, but it may be more difficult. On Flutter/Dart, http_auth does not seem to work with the THETA models. the SC2 does not support client mode
360 image	no known problems displaying from camera, local storage or cloud storage
live preview, motionjpeg stream	it will likely work. We have encountered some problems with the SC2, but eventually, it seems to work. We have not tested React Native and Xamarin with the livePreview. The format is a standard motionjpeg stream. Most implementations do not use navigation on the motionjpeg stream and show it in equirectangular. Some people have added navigation to motionjpeg stream. We do not have a good example.
play 360 video from mobile phone local storage	you need to test this yourself. It may depend on the native code of the plug-in to the hybrid framework due to GPU acceleration

Once we know your requirements, we can research more info. I do not know of a complete example of a THETA app with a hybrid development platform. We can research the package support (such as 360 video player) and post our findings here in the forum.

Update: 11/10/2022

I just spoke to a person familiar with a commercial software company that is using React Native for two different RICOH THETA apps. The technology is working fine for them. There’s some precedence for using React Native. Unfortunately, we do not have examples of a full app on .guide.