Google VR 查看错误 - 无法从 ffff.jpg 加载纹理
Posted
技术标签:
【中文标题】Google VR 查看错误 - 无法从 ffff.jpg 加载纹理【英文标题】：Google VR View Error - Unable to load texture from ffff.jpg 【发布时间】：2017-05-20 00:07:26 【问题描述】：这是我的 index.html 文件
<html>
<head>
<title>VR Sample</title>
<script src="//storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>
</head>
<body>
<div id="vrview">
<iframe
allowfullscreen
frameborder="0"
src="http://storage.googleapis.com/vrview/index.html?image=ffff.jpg&is_stereo=true">
</iframe>
</div>
</body>
</html>
这是网站文件夹的结构
我尝试按照 google codelabs 中的说明将其托管在 chrome 的 Webserver 中。但是我点击了 127.0.0.1.8887 网址，我得到了一个没有文件或文件夹的空白页面。然后我尝试在 XAMPP 上托管它，它确实有效。但是，我没有得到全景图像。相反，我得到了这个错误
我使用谷歌相机应用程序拍摄了 360 度图像，并使用谷歌的在线转换器将其转换为立体图像，但出现了同样的错误。我还尝试从 github 下载 VRView repo 并将代码修改为
src="vrview/index.html?image=ffff.jpg&is_stereo=true"
那也没用。
【问题讨论】：
【参考方案1】：您使用的是 iframe 版本的 vrview 意思是当您请求“ffff.jpg”时，您实际上是在请求：
http://storage.googleapis.com/ffff.jpg
尝试使用javascript版本
试试这个：
<html>
<head>
<script src="http://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: 'http://storage.googleapis.com/vrview/examples/coral.jpg',
is_stereo: true,
width: '100%',
height: 300
);
</script>
</head>
<body>
<div id="vrview"></div>
</body>
</html>
注意：chrome 无法访问硬盘驱动器上的文件。
编辑：这是由于CORS。
跨域资源共享 (CORS) 是一种机制，允许从提供第一个资源的域之外的另一个域请求网页上的受限资源。
感谢@Eleanor Zimmermann 注意到这一点。
【讨论】：
感谢您的回答！对于后代 - 我发现 CORS 问题也在这里发生。当我从支持 CORS 的主机上提供我的图像时，VR 查看器会愉快地渲染它。以前，我一直在尝试从我的谷歌驱动器中获取通用图像链接。再次感谢@Liam。 B 在哪里可以找到 vrview 的“javascript 版本”？该项目已停止，并且不再有“embedded.js”或“vrviews.js”或其他任何可供下载的内容。以上是关于Google VR 查看错误 - 无法从 ffff.jpg 加载纹理的主要内容，如果未能解决你的问题，请参考以下文章
Unity 中的 Firebase / Google VR 链接器错误 - iOS
无法使用 Asp.Net 查看 Google 地图，出现错误：InvalidKeyOrUnauthorizedURLmapError
Google Cardboard - Cardboard VR 套件是不是有 iPhone / iOS 入门项目？