Я пытаюсь сделать панораму webvr, но мое изображение кажется неправильным - PullRequest
Новая
       5

Я пытаюсь сделать панораму webvr, но мое изображение кажется неправильным

0 голосов
/ 01 октября 2019

Я делаю демоверсию webvr (www.huiswijn.com/webvr), в которой используется единственное изображение, которое я выложил. Код работает просто отлично, если я указываю на демонстрационное изображение Google (https://storage.googleapis.com/vrview/examples/coral.jpg), но не с моим собственным. 

<!DOCTYPE html>
<html lang="en-us">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Megaplex</title>
   <script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>
  </head>
  <body>
   <div id='vrview'></div>
   <script>
  window.addEventListener('load', onVrViewLoad)
  function onVrViewLoad() {
    var vrView = new VRView.Player('#vrview', {
      width: 300,
      height: 300,
      preview: 'http://huiswijn.com/webvr/images/slaapkamer_vr.jpg',
      image: 'http://huiswijn.com/webvr/images/slaapkamer_vr.jpg',
      is_stereo: true
    });
  }
</script>
  </body>
</html>

Сообщение об ошибке: Render: невозможно загрузить текстуру из "http://huiswijn.com/webvr/images/slaapkamer_vr.jpg"

1 Ответ

0 голосов
/ 01 октября 2019

У вас есть причина в вашей консоли:

three.min.js: 424 Смешанное содержимое: страница в https://storage.googleapis.com/vrview/2.0/index.html?preview=http://huiswijn.com/webvr/images/slaapkamer_vr.jpg&image=http://huiswijn.com/webvr/images/slaapkamer_vr.jpg&is_stereo=true&' была загружена через HTTPS, но запросиланебезопасная конечная точка XMLHttpRequest 'http://huiswijn.com/webvr/images/slaapkamer_vr.jpg'. Этот запрос был заблокирован;контент должен обслуживаться по HTTPS.

Вы должны разместить свой образ по HTTPS.

...