VR View - Render: Unable to load Texture from image.jpg

Question

Ive been trying to get a VR View setup on my page following the examples and such at https://developers.google.com/vr/concepts/vrview, the image i'm using is a cardboard camera 'photo' copied from my device, but i've also used a regular jpg version just to be sure.

No matter what i try when the widget loads it only ever shows the error message

Render: Unable to load Texture from image.jpg

I've also noticed a bunch of tutorial or example site having the same issue that i assume they didn't have when they first posted the pages.

Does anyone have a clue why its doing this and how to fix it?

Answer 1

The image that is produced by Cardboard Camera is not in the correct format. VR view requires a equirectangular-panoramic image, and for stereo images, they need to be stacked. See https://developers.google.com/vr/concepts/vrview#supported_formats for Reference.

There is a link to convert Cardboard Camera images to the correct format: https://storage.googleapis.com/cardboard-camera-converter/index.html

There are also a couple codelabs that walk through using VR view, including converting the image to the correct format: https://codelabs.developers.google.com/?cat=Virtual+Reality