Как использовать VRView в Angular 1

Question

VRview не работает и не показывает мне изображение 360. Я кодирую в приложении Angular 1 и пытаюсь показать 360 изображений. Я попробовал просмотрщик фотосферы и теперь vrviewer, но не смог понять, как писать код на английском языке. Пожалуйста, помогите

angular.module("MyControllers", [])
.controller("VR", function ($window) {
var onVrViewLoad = function() {
            var vrView = new VRView.Player('#vrview', {
                img: 'img/virtualTour.jpg',
                is_stereo: false
            });
        }
        $window.addEventListener('load', onVrViewLoad)


 })

Answer 1

Согласно Google VR документы

Чтобы использовать VR View, включите предоставленный Google скрипт vrview.min.js в вашем HTML:

<script src="https://storage.googleapis.com/vrview/2.0/build/vrview.min.js"></script>

Просмотр видео

Ваш контроллер должен быть следующим. Создайте VR View, как только загрузится страница, которая должна прослушивать событие load.

angular.module('VRApp', [])
  .controller('VRController', function($window) {
    var onVrViewLoad = function() {
      var vrView = new VRView.Player('#vrview', {
        video: 'https://storage.googleapis.com/vrview/examples/video/congo_2048.mp4',
        is_stereo: true,
      });
    };
    $window.addEventListener('load', onVrViewLoad);
  });

Проверьте мой Плункер для живой демонстрации.

---

Просмотр изображения

Я тестировал его в IE 11, и он работал нормально. Попробовал следующий код

angular.module('myApp', [])
  .controller('VRController', function($scope, $window) {
    var onVrViewLoad = function() {
      var vrView = new VRView.Player('#vrview', {
        width: '60%',
        height: '60%',
        img: 'http://storage.googleapis.com/vrview/index.html?image=//storage.googleapis.com/vrview/examples/coral.jpg&is_stereo=true',
        is_stereo: true,
      });
    };
    $window.addEventListener('load', onVrViewLoad);
  });

Вывод в IE 11