天空的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圖像

回答

相關問題