我正在开发基于聚合物的静态网站。我整合了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;错误信息。如果image
,video
和object
参数均未作为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
发生了什么事?
新闻:我试图在没有自定义域名的单独部署中重现这一点,并且低并且看到VR View元素有效。所以关于自定义域有一些东西。可能与CORS有关吗?