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

【问题标题】：VR View - Render: Unable to load Texture from image.jpgVR 视图 - 渲染：无法从 image.jpg 加载纹理
【发布时间】：2016-09-25 06:09:21
【问题描述】：

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

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

渲染：无法从 image.jpg 加载纹理

我还注意到一堆教程或示例网站有相同的问题，我认为他们在第一次发布页面时没有。

有没有人知道它为什么这样做以及如何解决它？

【问题讨论】：

【解决方案1】：

Cardboard Camera 生成的图像格式不正确。 VR 视图需要 equirectangular-panoramic 图像，对于立体图像，它们需要堆叠。参考https://developers.google.com/vr/concepts/vrview#supported_formats。

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

还有几个使用 VR 视图的代码实验室，包括将图像转换为正确的格式： https://codelabs.developers.google.com/?cat=Virtual+Reality

【讨论】：

嗯，这并没有完全解决问题，但它确实让我走上了正确的道路，所以我不接受它作为答案。仅转换图像是不够的，但是在查看了 codelab 之后，我决定简单地克隆 vrview 存储库并将代码存储在本地而不是使用公共代码，一旦我这样做了，转换后的图像就开始工作了。为自己节省一些时间，然后关闭回购

【解决方案2】：

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

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

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

【讨论】：