天空的A帧360图像

我正在尝试使用Theta S拍摄的360度照片的URL作为我的天空。我已经能够用本地文件做到这一点，但是当我尝试将它作为URL引用时，它不起作用。代码看起来很简单，所以我不确定它为什么不起作用。我试图在多个浏览器上运行它，包括Nightly。天空的A帧360图像

<!DOCTYPE html> 
<html> 
    <head> 
     <script src="https://aframe.io/releases/0.3.2/aframe.min.js"></script> 
    </head> 
    <body> 
     <a-scene> 
      <a-assets> 
       <img id="mall" src="http://www.mycode.zone/res/dc-mall.JPG"> 
      </a-assets> 
      <a-sky src="#mall"></a-sky> 
      <a-entity position="0 0 1.5"> 
       <a-camera></a-camera> 
      </a-entity> 
    </a-scene> 
    </body> 
</html>

来源

2016-12-02 David Burnham

由于服务器的CORS策略，图像的托管方式不允许其他站点使用图像。如果我用这个例子天空盒图像从您的Mozilla代码的工作：在'http://www.mycode.zone/res/dc-mall.JPG

访问图片：
<img id="mall" src="https://aframe.io/aframe/examples/showcase/composite/lake.jpg"> 
看着你的开发者控制台与你原来的代码，你会看到这样的事情'来自的原点'http://s.codepen.io'已被CORS策略阻止：否 '所请求的资源上存在'Access-Control-Allow-Origin'标头。原因'http://s.codepen.io'因此不允许访问。

这里的工作codepen：http://codepen.io/anon/pen/dOdmNo

来源

2016-12-04 00:57:05

天空的A帧360图像

回答

相关问题