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

Есть события unload и beforeunload javascript, но они ненадежны для запроса Ajax (не гарантируется, что запрос, инициированный в одном из этих событий, достигнет сервера).

Поэтому делать это настоятельно не рекомендуется, и вы должны искать альтернативу.

Если вам это определенно нужно, рассмотрите «пинговое» решение. Отправляйте запрос каждую минуту, в основном говоря серверу «Я все еще здесь». Затем, если сервер не получает такой запрос более двух минут (вы должны учитывать задержки и т. Д.), Вы считаете, что клиент офлайн.


Другое решение было бы используйте unload или beforeunload для выполнения запроса Sjax (синхронный JavaScript и XML), но это совершенно не рекомендуется. Выполнение этого будет в основном заморозить браузер пользователя до тех пор, пока запрос не будет завершен, что им не понравится (даже если запрос занимает мало времени).

1
задан Jens Habegger 16 January 2019 в 19:46
поделиться

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);
  });

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


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

Я протестировал его в 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

Image View

0
ответ дан Pavan 16 January 2019 в 19:46
поделиться
Другие вопросы по тегам:

Похожие вопросы: