Открываем HTML5-проекты в браузере без участия Pano2VR

 Работа в Pano2VR | Создание VR-панорам и виртуальных туров
 19.05.2017 |  18:20 |  22.9k |  4.5/12 |  10.11.2021
 Время на чтение: ... |  Комментировать |  Напечатать
Содержание статьи
 Пользователи Pano2VR
В своем сообществе ВКонтакте работает чат, созданный специально для пользователей конвертера панорамных изображений Pano2VR. В нем мы решаем проблемы, возникающие в работе с Pano2VR, обмениваемся опытом и просто общаемся.
 Нас уже ...
Возможно, Вас заинтересуют эти материалы
Самое читаемое
Способы просмотра HTML5-проектов (VR-панорамы и виртуальные туры) в браузере без использования встроенного сервера Pano2VR и другие решения. Черный экран - всё.

Открываем HTML5-проекты в браузере без участия Pano2VR

Изображение

После экспорта VR-панорамы или виртуального тура в формате HTML5 необходимо провести его отладку, в которую входят проверка корректности интерактивного оформления (кнопки, меню, хотспоты, инфоблоки) и его соответствие требуемому дизайну, проверка навигации в виртуальном туре (не упущен ли какой-то из переходов, в правильную ли локацию осуществляется переход и т.д.).

Для отладки проектов, основанных на HTML5 в Pano2VR предусмотрен встроенный веб-сервер, работающий во время работы Pano2VR. Проект для отладки будет запущен в браузере по умолчанию. Для открытия проекта в другом браузере достаточно скопировать ссылку в одном и вставить в другой.

Если вы попытаетесь открыть html-файл из папки экспорта локально, то в этом случае в большинстве браузеров возникнет проблема. Контент не откроется, а вы увидите вместо него черный экран. Это связано с тем, что не все браузеры по умолчанию предоставляют доступ к локальным файлам. Сейчас мы разберемся как это исправить, а также рассмотрим другие способы открытия панорамного контента без участия Pano2VR.

Решение 1. Включение в браузере доступа к локальным файлам

В зависимости от используемого браузера, настройки производятся по-разному.

Google Chrome, Opera (для ОС Windows)

  1. Закройте браузер;
  2. Найдите ярлык и откройте Свойства;
  3. В строке «Объект» добавьте в конце пробел и после него введите
    -allow-file-access-from-files
    ;
  4. Откройте браузер через ярлык;
  5. Нажмите Ctrl + O и перейдите html-файлу или перетащите html-файл на вкладку.

Желательно для этого случая создать копию ярлыка. Аналогичным образом можно открыть браузер через командную строку или bat-файл.

Рисунок 1. Свойства ярлыка браузера «Google Chrome».

Mozilla Firefox

  1. Откройте браузер и в поисковой строке введите
    about:config
    . Появится предупреждение «Продолжайте с осторожностью». Нажмите «Принять риск и продолжить»;
  2. В поисковой строке, где написано, «Искать параметр по имени», введите
    security.fileuri.strict_origin_policy
    ;
  3. Измените эту настройку с true на false.

MS Edge

Для этого браузера дополнительных настроек не требуется.

  1. Откройте новую вкладку;
  2. Нажмите Ctrl + O;
  3. Перейдите к html-файлу.

Решение 2. Использование утилиты «Garden Gnome Package Viewer»

Рисунок 2. Утилита «Garden Gnome Package Viewer».

Garden Gnome Package Viewer – программа от разработчика Pano2VR, позволяющая в автономном режиме просматривать виртуальные туры как экспортированные в отдельный каталог, так и упакованные в один ggpkg-пакет. Открытие проекта осуществляется с помощью перетаскивания html-файла или ggpkg-пакета в область, выделенную штриховой линией. Поддерживаются операционные системы Windows и MacOS X.

Не так давно от того же разработчика появились аналоги утилиты для мобильных устройств на iOS и Android. Для работы с мобильным приложением потребуется экспортировать тур в пакет Garden Gnome Package, перенести его на устройство и импортировать в приложение.

Рисунок 3. Виртуальный тур, открытый в «Garden Gnome Package Viewer».

Решение 3. Моя собственная утилита «Локальный сервер»

Поддерживаются только системы Windows.

Рисунок 4. Утилита «Локальный сервер».

Эту утилиту я создал еще до появления решений от Garden Gnome Software. Судя по количеству загрузок, она оказалась полезной для многих.

Её использование заключается в помещении exe-файла в каталог экспорта, после запуска из которого она находит в этом каталоге html-файл. Остается только нажать на кнопку «Открыть виртуальный тур», после чего произойдет открытие html-файла в браузере, установленном по умолчанию.

Теги:  Панорама, утилита, GGPKG, XMLHttpRequest, HTML5, сервер, Pano2VR
Об авторе

Сергей Дишук, фотограф-любитель и профессионал. Занимаюсь пейзажной, архитектурной, интерьерной, репортажной фотосъемкой, а также другими видами фотосъемки. Связал жизнь с IT, увлекаюсь программированием и разработкой программного обеспечения.

Занимаюсь панорамной фотосъемкой и созданием виртуальных 3D-туров более 8-ми лет. Имею опыт работы в программах Pano2VR, PTGui, Photomatix, Adobe Photoshop, Lightroom и других.

Реализовал некоторые фичи в проектах Pano2VR задолго до их официального появления. За всё время помог разобраться с Pano2VR более 5k пользователям, из них более 200 лично.

Оцените материал
Поделитесь материалом в социальных сетях
Материалы по теме статьи

У Вас остались вопросы по статье? Задавайте. Буду рад ответить на них в комментариях.

Если этот материал совсем не то, куда Вас привел поисковик, попробуйте выполнить поиск по сайту или введите запрос в строку ниже. Также Вы можете посмотреть другие материалы в разделе статьи.

Нет комментариев
Сейчас просматривают
Опрос
Оцените ваши впечатления от сайта?
Всего проголосовавших: 41
Онлайн всего: 5
Гостей: 5
Пользователей: 0