GoogleのVRビューエラー - ffff.jpg

からテクスチャを読み込むことができませんこれは私のindex.htmlファイルGoogleのVRビューエラー - ffff.jpg

<html> 
<head> 
    <title>VR Sample</title> 
    <script src="//storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script> 

</head> 

<body> 

    <div id="vrview"> 
    <iframe width="100%" 
    height="300px" 
    allowfullscreen 
    frameborder="0" 
    src="http://storage.googleapis.com/vrview/index.html?image=ffff.jpg&is_stereo=true"> 
</iframe> 
    </div> 



</body> 
</html>

であり、これは、私が試したWebサイトのフォルダの構造

ですgoogle codelabsの指示に従ってchromeのためにWebserverでそれをホストします。しかし、私は127.0.0.1.8887のURLをクリックした、私はファイルやフォルダのない空白のページを持っています。それから、私はXAMPPでそれをホストしようとしました。しかし、私はパノラマ画像を取得しませんでした。代わりに、私はGoogleカメラアプリで360イメージを取り、Googleのオンラインコンバータとステレオにそれを変換し、このエラー

を得たが、同じエラーを得ました。私もgithubからVRViewリポジトリをダウンロードし、コードを

src="vrview/index.html?image=ffff.jpg&is_stereo=true"

として修正しました。

出典

2017-01-05 Shyam Prasad

あなたが実際に要求している、あなたは "ffff.jpg" を要求したときに意味vrviewのiframeのバージョンを使用している：

：

http://storage.googleapis.com/ffff.jpg

はこれを試してみてください

JavaScriptのバージョンを使用してみてください

<html> 
<head> 
    <script src="http://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: 'http://storage.googleapis.com/vrview/examples/coral.jpg', 
     is_stereo: true, 
     width: '100%', 
     height: 300 
     }); 
    } 
</script> 
</head> 
<body> 
    <div id="vrview"></div> 
</body> 
</html>

注：ハードドライブからファイルにアクセスすることはできません。

出典

2017-02-23 11:48:35

ありがとうございました！後世について - 私はCORSの問題がここでも起こっていることを発見しました。 CORS対応ホストから画像を提供したとき、VRビューアはそれを楽しくしました。以前は、Googleドライブから一般化された画像リンクだけを試していました。再びありがとう、@ Liam。 B –

GoogleのVRビューエラー - ffff.jpg

答えて

関連する問題