I am loading a 360 degree video generated from captivate in webview in Android. When I enter VR mode, the right half of the VR mode gets cut. Kindly refer Image 1.
After this when I go in background mode and resume the app again then the VR video is loaded properly. Kindly refer Image 2.
In iOS it is working fine but I think this issue still persists for Android. Kindly help. Thanks in advance.
was this working before an update was applied?
is this happening with every file or just the one you're working with?
The content was not created by us but by our partner and shared with us. So we are not really aware in which version of Captivate the content was created. And the partner is also on Christmas vacation. So that info will be available only after he comes back from leave.
Currently we have 2 test contents and it is happening for both of them.
You mentined that the VR content seems to be OK in iOS but not in Android.
Is the VR content app the same in both iOS and AndroidOS?
I can think of two possible work arounds for Android:
Yes the app is same, build for both iOS and Android platform.
I have tried it in multiple devices, kindly find the list of that devices in the comment below. So I am not sure if calibrating the gyroscope will help. Still I will try that also.
Taking your last reply into consideration, it seems like Android only supports Chrome browser to play WebVR.
So this means that you may have to download and install Chrome browser in your Android devices (if you haven't yet) and enable the WebVR token for that browser.
See if this link helps:
Scroll down in that page where it says "Chrome for Android".
I forgot to add how to enable webview implementation in Android devices.
Here is a good short video on how to enable developer mode in MIUI android devices:
And how to access engineer mode without typing any special codes:
Once you get access to the developer mode hidden settings you can enable webview and maybe other related webview rendering options.
And once you get access to enginner mode you should be able to use the gyroscope calibration tool
My app is an Unity app and I am using UniWebView plugin to open the 360 degree video/image content created via Captivate inside the app in that webview.
It is working fine in iOS but not in Android. So I think the problem is not with that plugin but with the Captivate content itself (as mentioned above) because it is replicable in almost all the Android devices.
The YouTube videos works properly in VR mode without any issue. So I doubt calibrating the gyroscope will help.
Yes you're absolutely right.
I'm just a PC repair guy, if it was my device I would trial by fire everything, push on every button, uninstall reinstall every software imaginable, and if something works out of all that mumbojumbo that is the solution.
So, your issue, like you've pointed out , is starting to look more like some compatibility layer missing between the Android devices that you're testing on the plugin embedded in your Captivate app.
In the meanwhile were you able to check if webview implementation is enabled in those Android devices were the problem is showing?
I will document myself better and return with a better reply.
I found a few links of interest:
Changing the traget object for the intended platform:
NOTE: system requirement for Android devices is API 25 and above. UniwebView also redid from scratch the code in the newest version. If you're using an older version of UniWebView and need to upgrade see the UniWebView Migration Guide in their support website.
Review the SetFrame related APIs
Release Notes - Fixes
Install Guide, see section that covers steps for Android:
Additional tips from UniWebView.com:
Could you please indicate the version of Android, and the devices you tested on?
I've tested it in following devices:-
Redmi Note 7 Android version - v9 PKQ1.180904.001 MIUI - 10.2.11.0
Vivo V11 Pro Android version - 9
Oppo F7 Android version - 9
Which app did you use to watch the VR?
I am creating an app to see the VR content in a webview.