静态网站上的Google VR在部署到Firebase时出错,但与gh页面一起使用

时间:2016-09-06 07:42:30

标签: google-chrome polymer github-pages firebase-hosting google-vr

我正在开发基于聚合物的静态网站。我整合了VR View的位置(地图部分):https://valleydevfest.com/ 源回购是develop分支:https://github.com/gdgfresno/valleydevfest/tree/develop

VR视图由一个元素组成,该元素获取360单声道图像的url并包含具有实际VR视图的iframe:https://github.com/gdgfresno/valleydevfest/blob/develop/src/elements/vr-view.html

<template>
  <div style="text-align:center">
    <iframe
      frameborder="0"
      width="100%"
      height="250"
      scrolling="no"
      allowfullscreen    
      src="/vrview.html?image=[[url]]&is_stereo=false">
    </iframe>
  </div>
</template>

在此处使用:https://github.com/gdgfresno/valleydevfest/blob/develop/src/elements/map-block.html#L140

<link rel="import" href="vr-view.html">
...
<vr-view
    url="[[_currentImage]]"
></vr-view>

现在,这适用于本地开发环境,可以polymer serve,也可以使用unbundled提供Web Server for Chrome构建目录。但是,当我将其部署到Firebase时,VR视图会显示&#34; Loader: Unable to load scene. Required parameter missing.&#34;错误信息。如果imagevideoobject参数均未作为360媒体源提供,则会在VR视图中触发此类错误。我不知道这怎么可能。我还尝试连接静态URL。 (这是另一个故事,如果我有多个图像并且它开始旋转,Firefox和Edge在Chrome发生故障时表现良好)。

Firebase部署设置:https://github.com/gdgfresno/valleydevfest/blob/develop/firebase.json

现在,这里是将构建部署为gh-pages,源代码(非捆绑构建目录):https://github.com/MrCsabaToth/mrcsabatoth.github.io和网站:https://mrcsabatoth.github.io/这适用于Chrome,FF和Edge

enter image description here

发生了什么事?

新闻:我试图在没有自定义域名的单独部署中重现这一点,并且低并且看到VR View元素有效。所以关于自定义域有一些东西。可能与CORS有关吗?

0 个答案:

没有答案