отображать 360-градусное изображение на веб-странице

Question

Я пытаюсь добавить 360-градусное изображение на мою веб-страницу (панорамное изображение)

Я пробовал это, но он просто отображает черный экран [demo

 
    <script src="https://aframe.io/releases/0.2.0/aframe.min.js"></script>

   <a-scene>
       <img id="panorama" src="https://i.stack.imgur.com/suKT3.jpg">
      <a-sky  src="#panorama" rotation="0 -90 0"></a-sky>
    </a-scene>
 

] [1]

Answer 1

Эй, я думаю, что может быть проблема с вашим изображением или ссылкой imgur из-за некоторых опций x-frame. Проверь это. Этот пример взят из aframe

<script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
 <a-scene>
      <a-sky src="https://raw.githubusercontent.com/aframevr/aframe/v1.0.4/examples/boilerplate/panorama/puydesancy.jpg" rotation="0 -130 0"></a-sky>

      <a-text font="kelsonsans" value="Puy de Sancy, France" width="6" position="-2.5 0.25 -1.5"
              rotation="0 15 0"></a-text>
    </a-scene>