Question

出于某种原因，Google的VRView（Web）渲染无法从localhost或某些网站加载纹理（即使我使用相同的图像）。

以下是代码：

<html>
<script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>
<script>
window.addEventListener('load', onVrViewLoad)
function onVrViewLoad() {
  var vrView = new VRView.Player('#vrview', {
    image: 'test.jpg',
    width: 960,
    height: 480
  });
}
</script>
<div id="vrview"></div>
</html>

现在，如果我将test.jpg替换为https://c1.staticflickr.com/7/6074/6119051772_0179026c3c_b.jpg，它就可以了。但是，如果我用http://i.imgur.com/kjqt9lr.jpg替换test.jpg（相同的图像），它将无效。

VRView对托管服务器有挑剔吗？

Answer 1

加载图片时，Web开发者控制台中是否有任何内容失败？这可能是一个CORS问题。另请查看网络选项卡，其中包含请求的详细信息。

您是在本地Web服务器上测试还是localhost是从file://协议加载html文件的心理快捷方式？如果是这样，由于沙盒，这可能不起作用。

Answer 2

我相信 VRView需要网址才能正常使用，请参阅Hosting。

另外，我注意到Flickr和Imgur上两个图像之间的文件大小差异为10KB。可能是 Imgur从你的JPG中剥离了Photo Sphere XMP元数据吗？ VRView要求XMP元数据将平面的等角图像渲染为360°全景球形。

Facebook 360提供了有用的Photoshop模板（包含元数据），可在以下位置进行后期编辑：https://facebook360.fb.com/360-photos/

谷歌的VRView（Web）渲染无法从localhost加载纹理

2 个答案: