2017-01-05 1 views
11

Dies ist meine Datei index.htmlGoogle VR View Error - Unable Textur laden von 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> 

Und das ist die Struktur der Website Ordner

Ich habe versucht, hosting es in Webserver für Chrome wie in den Anweisungen in den Google-Codelabs. Aber ich habe auf die URL 127.0.0.1.8887 geklickt, ich habe eine leere Seite ohne Dateien oder Ordner bekommen. Dann habe ich versucht, es auf XAMPP zu hosten und es hat funktioniert. Das Panaroma-Bild habe ich allerdings nicht bekommen. Stattdessen bekam ich diesen Fehler

enter image description here

Ich nahm das 360-Bild mit Google Kamera App und konvertiert es in Stereo mit dem Online-Konverter von Google bekam aber den gleichen Fehler. Ich habe auch versucht, das VRView Repo von Github herunterzuladen und den Code als

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

geändert, die auch nicht funktioniert.

Antwort

3

Sie verwenden die iframe-Version von vrview Bedeutung, wenn Sie "ffff.jpg" fordern, fordern Sie tatsächlich:

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

Versuchen Sie, die JavaScript-Version mit

Try this:

<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> 

Hinweis: Chrome kann nicht auf Dateien von einer Festplatte zugreifen.

+1

Vielen Dank für die Antwort! Für die Nachwelt - ich fand, dass CORS-Probleme auch hier abliefen. Wenn ich mein Bild von einem CORS-fähigen Host auslief, machte der VR-Viewer es glücklich. Zuvor hatte ich nur einen verallgemeinerten Bild-Link von meinem Google Drive versucht. Nochmals vielen Dank, @Liam. B –