aframe - 在工作网站后端托管时,全景图不会加载到 AFrame 360 Image 脚本中
问题描述
我正在为工作托管一个 360 全景图,当文件托管在 Imgur 上时,我已经使用 AFrame 360 Image 让它工作,但我需要尝试让它在我的作品网站上托管,以支持更大的文件大小和四通八达的交通网络。当前脚本加载但没有图像出现,这发生在网站上托管的任何图像。为什么会这样?
我尝试了所有不同大小和扩展名的文件,尽管可以通过直接链接访问,但它们都没有加载到脚本中。
<!DOCTYPE html>
<html>
<head>
<script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script>
</head>
<body>
<a-scene>
<a-sky src="https://mapping.hdc.govt.nz/photos/LowStitch.jpg" rotation="0 0 0"></a-sky>
</a-scene>
</body>
</html>
我希望它与使用 Imgur 托管的图像时一样工作,但我得到的只是一个白色屏幕,右下角有 VR 标志。
解决方案
资产需要 CORS 标头才能从您的网络主机跨源加载:https ://aframe.io/docs/0.8.0/introduction/faq.html#why-does-my-asset-eg-image-video-模型未加载
推荐阅读
- elasticsearch - Elasticsearch Group by Aggregations 仅提供前 10 个结果
- html - 我们如何在不同的选项卡中使用相同的视图,同时在该选项卡中更改不同的视图?
- visual-studio-2017 - Visual Studio 中的 VSTS 提要“刷新”机制
- javascript - Angularjs-在角度变量中使用 url 作为嵌入式 youtube src
- angularjs - 在 HTML 中显示 angularJS 范围元素
- apache-spark - Pyspark 按位置推断时区
- html - 新闻模板,如菜单布局
- pandas - csv 文件中的字符串和引号
- javascript - 什么是 Google Optimize 中 Javascript 变量定位中的全局变量名称?
- php - 如何在 ubuntu 终端本地检查 php 脚本设置?