I’m continuing to plug away with Cordova, PhoneGap and Crosswalk.
I can get a THETA image to work as an embedded view in Crosswalk, but I can’t get the buttons to work.
In the above example, I am using A-Frame and Crosswalk.
<a-scene embedded id="aframebox" vr-mode-ui="enabled: false">
<a-sky src="museum.jpg" rotation="0 -130 0"></a-sky>
<button onclick="getInfo()">Get Info</button>
Unfortunately, the buttons don’t work.
I’m getting this error:
XMLHttpRequest cannot load http://192.168.1.1/osc/info. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'app://guide.theta.aframe' is therefore not allowed access.
Using Cordova, I can get the buttons to work, but can’t get the 360 image to display with navigation. The equirectangular image is fine.
I’ve tested it with Android 7, 7.1, and 8.
As there are limited phones running 7, 7.1, and 8, I’m thinking of going back to focus on crosswalk.
If anyone has a working app they want to share, please share it.
Watching this video now.
As of July 26, 2017, this is the state of WebVR support in iOS (it doesn’t exist)
After watching the video above, I was inspired to get WebVR working with Cordova.
I now need to figure out how to map the equirectangular image to a sphere and then work on the buttons.