Ошибка просмотра Google VR - невозможно загрузить текстуру из ffff.jpg

Это мой файл index.html

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

И это структура папки веб-сайта

Я попробовал разместить его на веб-сервере для Chrome в соответствии с инструкциями в кодеках google. Но я щелкнул по адресу 127.0.0.1.8887, я получил пустую страницу без файлов или папок. Затем я попробовал разместить его на XAMPP, и это действительно сработало. Однако я не получил изображение panaroma. Вместо этого я получил эту ошибку

введите описание изображения здесь

Я взял 360 изображений с помощью приложения для камеры Google и преобразовал его в стерео с онлайн-конвертером Google, но получил ту же ошибку. Я также попытался загрузить репозиторий VRView из github и изменил код как

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

это тоже не сработало.

Ответы

Ответ 1

Вы используете версию iframe значения vrview, когда вы запрашиваете "ffff.jpg", вы на самом деле запрашиваете:

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>

Примечание: хром не может обращаться к файлам с жесткого диска.