Pano2VR 4.5.3 Pro - Экспорт в HTML5 - Теория (часть 3)

 Работа в Pano2VR | Создание VR-панорам и виртуальных туров
 06.12.2015 |  14:00 |  10.9k |  4.4/3145 |  29.09.2016
 Время на чтение: ... |  Комментировать |  Напечатать
Содержание статьи
 Пользователи Pano2VR
В своем сообществе ВКонтакте работает чат, созданный специально для пользователей конвертера панорамных изображений Pano2VR. В нем мы решаем проблемы, возникающие в работе с Pano2VR, обмениваемся опытом и просто общаемся.
 Нас уже ...
Возможно, Вас заинтересуют эти материалы
Самое читаемое
Экспорт панорамы в формат HTML5, Панорама в формате HTML5, Как в Pano2VR создать панораму в формате HTML5

Pano2VR 4.5.3 Pro - Экспорт в HTML5 - Теория (часть 3)

Изображение

Целью данной статьи является рассмотрение экспорта VR-панорамы или виртуального тура в формат HTML5. Настройки экспорта в формат HTML5 почти такие же, как при экспорте в формат Flash. Однако в них есть некоторые отличия. Описывать настройки повторно я не буду, так как о них написано в этой статье.

Для начала экспорта в секции «Экспорт» (рис. 1) в правой части окна нужно выбрать формат HTML5 и нажать на кнопку «Добавить».

Рисунок 1. Секция «Экспорт» с выбранным пунктом «HTML5».

Вкладка «Настройки»

В секции «Качество» изображения присутствует опция «Использовать прогрессивный JPEG». Включение данного пункта сделает быстрее загрузку панорамы.

Если активирована опция Конвертировать SVG в PNG в секции «Шаблон контроллера и оформления», то изображения SVG, если они есть в оформлении, будут преобразованы в формат PNG.

Рисунок 2. Вкладка «Настройки»

Вкладка «Дополнительно»

Настройки на этой вкладке такие же, как на аналогичной вкладке при экспорте в формат Flash, за исключением настроек меню, курсоров и ограничения доступа к файлу.

В Секции контроль присутствует пункт «Toggle Fullscreen». При активации этой опции панорама будет переключаться в полноэкранный режим при двойном клике мышью (двойном нажатии на экран смартфона).

Рисунок 3. Вкладка «Дополнительно»

Вкладка «Мультирезолюшн»

По сравнению с аналогичной вкладкой при экспорте в формат Flash, данная вкладка лишилась некоторых опций, которые не характерны для формата HTML5. Опции этой вкладки работают аналогично, рассмотренным здесь.

Рисунок 4. Вкладка «Мультирезолюшн»

Вкладка «Мобильный девайс»

На этой вкладке настраивается размер сторон куба и качество изображения для различных размеров экранов мобильных устройств. Настройки параметров этой вкладки не обязательны и будут проигнорированы в случае использования мультирезолюшн. Рекомендую использовать мультирезолюшн.

Рисунок 5. Вкладка «Мобильный дивайс»

Вкладка «HTML»

Если опция «Подключить HTML файл» включена, то в соответствии с заданными настройками этой вкладки будет создан html-файл, содержащий код встраивания HTML5-панорамы.

Рисунок 6. Вкладка «HTML»

Для экспорта в HTML5 доступен шаблон normal.ggt. Некоторые из опций шаблона не были доступны при экспорте в формат Flash.

Опции «Text Color», «Background Color» устанавливают цвет текста и цвет фона страницы соответственно.

Если опция «Fullscreen» включена, панорама будет занимать всю область веб-страницы.

Включение опции «Include Google Maps» добавляет под панорамой карту Google Maps.

Опция «Direct node access» позволяет получить прямой доступ к узлу тура. В адресной строке это будет выглядеть, например, так «/tour.html#node1».

Опция «Include gyroscope control» делает доступным управление просмотром с помощью гироскопа (если он есть в мобильном устройстве).

Если активирована опция «Disable on startup», управления с помощью гироскопа происходить не будет. Необходимо предусмотреть возможность включения с помощью кнопки.

Включение опции «Use true north» сообщает гироскопу о необходимости ориентирования панорамы на Север, подобно компасу.

Активируйте опцию «Flash fallback player» чтобы добавить возможность воспроизводиться в браузерах, не поддерживающих технологию HTML5, но поддерживающих технологию Flash. В этом случае будет добавлен flash-проигрыватель, который будет использовать данные xml-файлов.

Опция «Flash fallback file» позволяет добавить альтернативный swf-файл для воспроизведения в браузерах, не поддерживающих технологию HTML5, но поддерживающих технологию Flash. В отличие от предыдущей опции, где swf-файл использовал подключение xml-файлов, альтернативный swf-файл должен содержать все необходимые данные (оформление, данные о панораме, звуки).

Если активирована опция «Prefer Flash if available», то приоритет будет отдаваться Flash-версии панорамы.

Опция «Show User Data Table» отвечает за добавление таблицы, содержащей пользовательские метаданные.

Опции «Table Border Color», «Table Text Color», «Table Background Color»  настраивают цвета границы таблицы, текста и фона таблицы соответственно.

Если активирована опция «Embedded XML», то xml-файл, содержащий данные о панораме (панорамах)  встраивается в HTML-файл. В противном случае чтение данных будет происходить из внешнего xml-файла.

Опция «iOS Device Webpage Icon» позволяет задать файл изображения (.jpg, .png), который будет использоваться в качестве иконки закладки на рабочем столе мобильного  устройства.

При активировании опции «Create HTML5 Cache Manifest» будет создан файл с расширением .manifest. В этом файле определены, какие данные должны кэшироваться на мобильном устройстве, чтобы затем могли бы использоваться в автономном режиме, то есть при отсутствии подключения к сети Интернет.

Теги:  мультирезолюшн, Pano2VR, авторинг, HTML5, экспорт
Об авторе

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

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

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

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

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

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

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