2017-02-08 50 views
1

由於某些原因,Google的VRView(Web)渲染器無法從本地主機或某個網站加載紋理(即使我使用相同的圖像)。Google的VRView(Web)渲染無法從本地主機加載紋理

下面是代碼:

<html> 
<script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script> 
<script> 
window.addEventListener('load', onVrViewLoad) 
function onVrViewLoad() { 
    var vrView = new VRView.Player('#vrview', { 
    image: 'test.jpg', 
    width: 960, 
    height: 480 
    }); 
} 
</script> 
<div id="vrview"></div> 
</html> 

現在,如果我取代test.jpg放在與https://c1.staticflickr.com/7/6074/6119051772_0179026c3c_b.jpg,它的工作原理。但是,如果我用http://i.imgur.com/kjqt9lr.jpg(相同圖像)替換test.jpg,它將不起作用。

VRView是挑剔的託管服務器?

回答

0

加載圖像失敗時,Web開發人員控制檯中是否有任何內容?這可能是一個CORS問題。另請檢查網絡選項卡,詳細瞭解請求。

您是在本地web服務器上測試還是localhost是從file://協議加載html文件的智能快捷方式?如果是這樣,這可能無法正常工作,因爲沙盒。

+0

沒有,CORS是我檢查,沒有在控制檯中露面的第一件事。不,我在調試PHP時,運行PHP,Node.js和Python環境,沒有任何環境工作。 –

0

我相信VRView需要URL才能正常工作,請參閱Hosting

另外,我注意到Flickr和Imgur上的兩個圖像之間有10KB的文件大小差異。它可能是Imgur從你的JPG剝離Photo Sphere XMP元數據? VRView需要XMP元數據將平面等邊矩形圖像渲染爲球形360 °全景圖。

Facebook的360在提供有用的Photoshop模板(元數據)進行後期編輯:https://facebook360.fb.com/360-photos/