VR 视图 - 渲染:无法从 image.jpg 加载纹理

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

我一直在尝试按照 https://developers.google.com/vr/concepts/vrview 中的示例等在我的页面上设置 VR 视图,我使用的图像是从我的设备 'photo' 复制的纸板相机,但是为了确定,我还使用了普通的 jpg 版本。

无论我在小部件加载时尝试什么,它只会显示错误消息

Render: Unable to load Texture from image.jpg

我还注意到很多教程或示例网站都存在同样的问题,我认为他们在首次发布页面时没有遇到这些问题。

有谁知道为什么会这样以及如何解决它?

Cardboard Camera 生成的图像格式不正确。 VR 视图需要等距柱状全景图像,对于立体图像,它们需要堆叠。请参阅 https://developers.google.com/vr/concepts/vrview#supported_formats 以供参考。

有一个 link 可以将 Cardboard Camera 图像转换为正确的格式: https://storage.googleapis.com/cardboard-camera-converter/index.html

还有几个 Codelab 使用 VR 视图演示,包括将图像转换为正确的格式: https://codelabs.developers.google.com/?cat=Virtual+Reality

您提到的错误的主要原因是 "CORS"。跨源资源共享。

调用的 iframe 脚本无法访问您的图片。托管在 Google 个服务器上。

http://enable-cors.org/

启用 CORS 后,它将起作用。您提到在本地克隆后它开始工作的原因是相同的。现在 vr 脚本和图像具有相同的来源:)