首页 > 解决方案 > 在工作网站后端托管时,全景图不会加载到 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 标志。

标签: aframe360-panorama

解决方案


资产需要 CORS 标头才能从您的网络主机跨源加载:https ://aframe.io/docs/0.8.0/introduction/faq.html#why-does-my-asset-eg-image-video-模型未加载


推荐阅读