我一直试图在我的页面上按照示例在https://developers.google.com/vr/concepts/vrview上获得VR视图设置,我使用的图像是纸板相机'照片'从我的设备复制,但我也使用了常规的jpg版本,以确保。
无论我在小部件加载时尝试什么,它都只显示错误消息
渲染:无法从image.jpg加载纹理
我还注意到一堆教程或示例网站存在同样的问题,我认为他们在第一次发布网页时没有这些问题。
有没有人知道为什么要这样做以及如何解决它?
答案 0 :(得分:4)
Cardboard Camera生成的图像格式不正确。 VR视图需要一个equirectangular全景图像,对于立体图像,它们需要堆叠。请参阅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
答案 1 :(得分:0)
您提到的错误的主要原因是“CORS”。跨源资源共享。
调用iframe脚本无法访问您的图片。哪个托管在Google服务器上。
启用CORS后,它将起作用。你之所以提到它一旦你在本地克隆它就开始工作的原因是一样的。现在vr脚本和图像具有相同的起源:)