Как поместить 3D-тур на сайт

Этот вопрос иногда просто застает врасплох. После того, как вы получили 3D-тур от исполнителя, возникает вопрос, что же с ним делать дальше. Ведь виртуальный тур — это ни что иное, как набор огромного количества файлов. Что с ними делать, как поместить все это на сайт, чтобы виртуальный тур открывался в окне прямо на нужной странице? Или, может быть, в отдельном окне браузера? Или на экране мобильного устройства потенциального клиента? В этой статье я покажу, как разместить готовый 3D-тур на вашем сайте.

Как обычно, задача может быть решена несколькими способами. 

Самый простой и быстрый — обратиться к разработчику виртуального тура и попросить его добавить продукт на ваш сайт. Некоторые фирмы делают это бесплатно в качестве бонуса к основному заказу. У других эта услуга платная. Как бы то ни было, в данном варианте есть один щекотливый и не вполне приятный момент. 

Чтобы разместить виртуальный тур на сайте

, разработчик обязательно попросит вас предоставить доступ к вашему ресурсу с правами администратора. Кроме того, потребуется доступ к FTP-серверу. Давайте пока не будем обсуждать, что это такое, а просто попробуем вообразить возможные последствия.

Скорее всего, разработчик виртуального тура не сотрет ваш сайт. Это не в его интересах. Он действительно поместит виртуальный тур на одну из страниц сайта, или сделает ссылку для его открытия в отдельном окне. Внешне все будет выглядеть вполне нормально. Но появятся скрытые части айсберга. Вы их даже не заметите, если не дадите себе труд серьезно проверить свой сайт после допуска «чужаков».

Вот две самые явные угрозы

1. Разработчик разместит на вашем сайте ссылки на свой сайт

Вам может показаться, что ничего страшного в этом нет. Он же — разработчик. Пусть «отметится» на вашем сайте. Возможно, получит новых клиентов. Отчего же не помочь ему?

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

Таким образом, исполнитель вашего заказа продвигает свой сайт, в буквальном смысле слова, «наступая на голову» вашему.

Если вам безразлична посещаемость вашего сайта, его рейтинг в поисковых системах, то на данную проблему можно просто закрыть глаза.

2. Разработчик занесет на ваш сайт вирус

С одной стороны, в это очень трудно поверить. С другой, такое случается не так уж редко. Причем как говорят маленькие дети, «ненарочно».

Пример:

Специалист по созданию виртуальных туров — прекрасный фотограф-панорамщик. Он идеально сделал продукт. В то же время он может плохо разбираться в компьютерной безопасности. «Заливая» виртуальный тур на ваш сайт, он попутно «заливает» на него вирус, который находится в его компьютере. Думаете, такое невозможно? Вы в этом уверены?

Специалист делает это не специально. Он даже не знает о том, какую свинью вам подкладывает, оказывая услугу по загрузке виртуального тура на сайт. Кажется, такая услуга называется медвежьей. 

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

Другой пример:

Даже если специалист окажется высшей квалификации и сделает все правильно, у вас в электронной почте, в папке «Исходящие» может остаться письмо с логинами и паролями для доступа к управлению сайтом. Такое может случиться? Случается, еще как!

Первый же вирус, попавший в ваш компьютер, находит эти данные и начинает творить чудеса на вашем сайте. 

Одним словом, передать управление своим сайтом другому лицу, это самая крайняя мера, когда других вариантов просто не существует.

 

Как поместить 3D-тур на сайт самостоятельно

Данная задача состоит из двух частей.

1. Необходимо загрузить все файлы, которые передал разработчик, на сервер, где находится ваш сайт.

Это делается точно так же, как вы загружаете любые другие файлы (документы, электронные таблицы, музыку). Единственное, что нужно сделать, это создать на сервере папку для загрузки 3D-тура.

Например, назовем ее 3d

Далее мы загружаем в нее все файлы, который передал нам разработчик виртуального тура. Обычно в наборе имеется один или несколько отдельных файлов и несколько папок:

 

Проследите, чтобы в числе загруженных обязательно был файл с расширением HTML. Пример такого файла указан стрелочкой.

После полной загрузки вы сразу сможете посмотреть виртуальный тур в работе по адресу   ваш-сайт.ru/3d

Если загрузка прошла удачно, то в окне браузера должна начаться демонстрация. Если нет, то, возможно, тур загрузился не полностью, вы загрузили что-то не то, неправильно написали адрес, или, что тоже случается, сам виртуальный тур содержит ошибки.

Кроме того, может сработать защита виртуального тура от несанкционированной демонстрации. Разработчик может указать те домены, на которых продукт может работать. В случае загрузки на другие сайты при запуске будет отображаться ошибка.

По всем этим вопросам можно проконсультироваться с разработчиком. Он может указать вам, что именно надо загружать, как сделать это правильно.

Если первый шаг пройден удачно, надо решить, как именно посетители вашего сайта будут видеть виртуальный тур.

Здесь есть два варианта. Ссылка на загруженный продукт, например, вот такая, или отображение тура в окне на конкретной странице. Например, вот так:

---

---

 

Для реализации первого варианта достаточно сделать ссылку на файл с расширением html, используя полный адрес: http://pan-nn.ru/tours/mulino/mulino.html 

(естественно, вы будете указывать другой адрес. Например, ваш-сайт.ru/3d/index.html

 

Чтобы виртуальный тур отображался в окне на конкретной странице, необходимо открыть для редактирования страницу в виде HTML-кода и добавить в нужное место следующий фрагмент:

 

 

Надеюсь, вы сами или ваш специалист, который работает с сайтом, сможете решить данную проблему.

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

Безусловно, вы сами решаете, в каком именно месте страницы будет располагаться окно с виртуальным туром. Некоторые встраивают его прямо в текст. Другие помещают в шапку. Решение за вами.

---

алгоритм и практические советы. Бизнес-туры в 3D для корпоративных сайтов и Google-карт

3д-тур — эффективный рекламный инструмент, который наглядно демонстрирует объект, помещение или открытую местность со всех сторон, привлекая внимание клиентов и вызывая у них доверие. Но что делать, если финансовые возможности ограничены и не получается выделить необходимую сумму на создание профессионального виртуального тура? Можно ли в таком случае сделать 3д-тур самому или без помощи профессионалов всё-таки не обойтись?

Что такое 3d-тур и где его можно использовать?

Виртуальный тур — это объединённая в одно целое комбинация панорамных фотографий (сферических или цилиндрических), которая даёт возможность переходить от одного фото с обзором 360 градусов к другому. При этом переходы между фотографиями остаются для пользователя незаметными, помещение выглядит как единое цельное пространство. Такие объёмные изображения, сшитые в 3д-тур, можно дополнить музыкальным сопровождением, видео, интересной закадровой озвучкой, сопровождать их надписями, flash-роликами.

Главная особенность, которая отличает туры в 3д от набора обычных фотографий, — это их интерактивность. Возникает ощущение полного присутствия. Пользователь сам передвигается по картинке и выбирает фрагмент, который ему интересен. Он может смотреть вверх, вниз, при необходимости приблизить какую-то деталь, чтобы рассмотреть её внимательнее. Зритель самостоятельно управляет картинкой.

С помощью виртуального тура клиент может детально ознакомиться с помещением, рассмотреть интерьер, планировку и даже ощутить атмосферу заведения. Широко применяются такие 3д экскурсии в недвижимости, туризме, музейном деле. Подробная информация о том, как можно использовать трёхмерные туры и какие возможности открываются для бизнеса с их применением, размещена в нашем разделе о профессиональном создании 3д-тура. Готовую виртуальную презентацию размещают на сайтах, в электронных каталогах, социальных сетях, различных интернет-сервисах.

Как сделать 3д тур из фото

Созданием туров в 3д формате занимаются профессиональные фотостудии, у которых есть современное высокоточное оборудование и специалисты с опытом работы в этой области. Их услугами пользуются те, кто хочет получить качественную трёхмерную презентацию, которая заинтересует не только целевую аудиторию, а и обычных пользователей и усилит позиции сайта. Однако такие проекты требуют немалых финансовых вложений, поэтому часто люди, которые только открывают свой бизнес, на начальном этапе сами берутся за создание виртуального тура для своего сайта.

Процесс создания состоит из трёх этапов:

1

Фотосъёмка;

2

Обработка полученных фото;

3

Сборка тура.

Съёмка объекта

Это самая важная и ответственная часть процесса, ведь от того как вы сделаете снимки будет зависеть качество будущего тура. Для фотосъёмки необходимо использовать цифровую зеркальную камеру со сверхширокоугольным объективом. Она обязательно должна быть установлена на стабильный штатив с панорамной головкой. Для одной 3d панорамы нужно сделать от 4 до 8 точных фото. Избавиться полностью от искажений изображения вряд ли получится, попробуйте их минимизировать. Для этого воспользуйтесь нашими рекомендациями:

камеру установите в центре окружности, чтобы все сделанные кадры были в фокусе;

сшивать снимки лучше в местах в одних и тех же тонах, например, подойдут серые стены комнаты, и продумайте эти линии соединений заранее, ещё на этапе съёмки;

чтобы зафиксировать камеру в пространстве используйте уровень;

угол поворота должен быть 120°, следите за шкалой поворотника;

во время съёмки разных серий фотографий камеру нужно синхронизировать в горизонтальной и вертикальной плоскости.

Обработка

Полученные снимки объединяют в одну 3д фотопанораму. В процессе соединения удаляют искажения, корректируют цвет и настраивают резкость. Можно использовать фильтры, применять ретушь. Собираются все сделанные фото воедино вручную или с помощью специальных программ-сшивателей. Иногда проекцию преобразуют в шестиугольный куб и переводят в распространённые форматы 3д панорам, например, Flash, HTML5. Также во время обработки накладывают активные зоны, выбирают графику, надписи, картинки, звук и другие элементы. Чтобы просмотреть готовый тур воспользуйтесь обозревателями. В зависимости от формата трёхмерных панорам часто бывает достаточно использовать обычный браузер, поддерживающий Java-скрипт.

Сборка

Сборка 3д панорам в тур осуществляется в специальных приложениях-построителях. При этом нужно учитывать, что каждая программа работает с определённым форматом файлов и у программы-построителя и сшивателя они могут отличаться. Поэтому рекомендуется использовать программы одной фирмы, чтобы избежать расхождений.

Чтобы связать панорамы на каждом фото программа определяет активные зоны и обеспечивает плавные переходы между ними. В этом же месте размещаются надписи и другие дополнительные элементы. Активными зонами могут быть интересные предметы интерьера, товары, объекты, которые нужно выделить, чтобы клиент обратил на них внимание. К объёмной презентации можно добавить навигатор, тогда пользователь будет видеть где он находится. Передвижение по картинке выполняется по точкам, плану или в автоматическом режиме.

Сделать самому или обратиться к профессионалам?

Виртуальный 3д тур можно сделать самостоятельно, однако следует понимать, чтобы получился качественный продукт требуется использовать соответствующий материал. Фотографии для панорам должны быть идеальными, поэтому вам необходимо разбираться не только в тонкостях дизайна, а и фотографии. Вы можете пригласить профессионального фотографа, но за его услуги придётся платить.

Помимо этого, программное обеспечение для обработки снимков не бесплатное. Нужно будет купить лицензию или отдельно оплатить создание панорам. Учитывая все нюансы себестоимость 3d-тура вероятнее всего получится больше, чем вы ожидали. Ещё один минус – это отсутствие у непрофессионального исполнителя опыта в создании виртуального тура с помощью 3д моделирования и других технологий.

Команда специалистов разработает тур, который с выгодной стороны покажет ваш объект или помещение, подчеркнёт преимущества и максимально скроет недостатки. Профессионалы ещё при планировании презентации учтут все индивидуальные особенности вашего проекта.

Поэтому можно сделать вывод, что 3д-тур, созданный своими руками, хорош как демо-версия для изучения технологии построения подобных трёхмерных продуктов и понимания механизмов их работы. А произвести впечатление на посетителей сайта, обратить на себя внимание, удивить и запомнится сможет качественный тур без каких-либо недочётов. Чтобы клиенты захотели вернуться на вашу страницу и пересмотреть объёмную экскурсию ещё раз.

Студия 3DKLON занимается изготовлением разнообразных трёхмерных фотографий, объёмных туров и видео 360°. Мы с помощью специализированного оборудования и программного обеспечения создаём панорамные фото гостиниц, ресторанов, фитнес-центров, торговых залов, клиник, салонов, недвижимости и других объектов с последующей их сборкой в тур. Особое внимание наши специалисты уделяют построению света, проработке художественной подсветки интерьера. В результате получается эффектный 3д образ объекта. Мы индивидуально подходим к каждому клиенту, гарантируем высокое качество по низким ценам.

Следующая статья Предыдущая статья

Поделиться:

Как сделать 360° (3D) виртуальный тур по недвижимости с iPhone/Android

Перейти к:

Метод 1: Google Tour Creator

Метод 2: Домашние 3D-туры Zillow

---

Технологии являются одной из наиболее неотъемлемых частей практически любого вида бизнеса. Для агентов по недвижимости это ничем не отличается. Адаптация и отслеживание новейших технологических тенденций — одна из самых важных вещей, которую может сделать агент по недвижимости, чтобы оставаться конкурентоспособным и выделиться. Агенты по недвижимости должны перенять новейшую тенденцию — виртуальные 360° туры по недвижимости.

Что такое виртуальный тур по недвижимости 360°?

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

В этом посте мы рассмотрим создание 360-градусного видео для объявлений о недвижимости.

Что нужно для начала работы

• Аккаунт Google и Zillow

  Вам потребуется учетная запись Google с доступом к Google Tour Creator и учетная запись Zillow для регистрации в Zillow 3d Homes.

• Камера 360° для смартфона

  (дополнительно)

  Камера	Совместимые устройства	Цена
  Инста360 Нано	Совместим с iPhone 7, 7 plus и iPhone 6/6S, 6 plus/6S plus или используется отдельно	142,58 $
  Insta360 ОДИН Х	iPhone XS, iPhone XS Max, iPhone XR, iPhone X, iPhone8/8 plus, iPhone 7/7 plus, iPhone 6s/6s plus, iPhone SE iPad Pro, iPad (2018), HUAWEI: P20 Pro/P10/P9/ Mate 9/Mate 10/Honor 9, Samsung: S9/Note 8/S8/S7/S7 Edge, XIAOMI: Mix/Mix2/Note3/6/8, OnePlus: 5t, Google: Pixel/Pixel 2, Vivo: X9Plus L , ОППО	399,95 $
  Рило	Совместимость с устройствами iOS от iPhone 5s и выше (iPhone 8 и выше рекомендуется для изображений/видео самого высокого качества) и устройствами Android под управлением Android 8.0.	429,99 $
  ГоПро Макс	Совместимость с устройствами iOS с чипами A10 и выше (iPhone 7 и новее) и устройствами Android под управлением Android 8. 0, поддерживающими OpenGL ES 3.1 или выше.	499 долларов

Метод 1: Google Tour Creator

Выполните следующие 6 шагов, чтобы совершить свой первый 360° виртуальный тур по недвижимости с помощью Google Tour Creator.

Шаг 1. Сделайте фотографии с обзором 360°

Следуйте инструкциям на приставке для камеры смартфона или сделайте панорамный снимок с помощью iPhone или Android. У вас должны получиться фотографии, похожие на следующие:

Вы также можете сделать стандартные фотографии светильников, освещения или любых других элементов в доме или собственности, которые вы хотите показать покупателям и продавцам. Это пригодится позже, когда вы захотите дополнить или улучшить свой виртуальный тур.

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

Шаг 2. Откройте приложение Tour Creator и создайте новый тур

Войдите в свою учетную запись Google, откройте Google VR Tour Creator и нажмите «Начать». Далее нажмите «Новый тур».

После создания тура вам будет предложено назвать его и добавить обложку и описание. Назовите свой тур адресом или названием объекта, который вы будете показывать, но не слишком описательно. Фотография на обложке должна быть хорошо освещена, привлекательна и выглядеть профессионально. Помните, что каждая фотография в вашем туре должна отражать вас и ваш бизнес.

Шаг 3: Создайте свою первую сцену виртуальной реальности

После того, как вы создали свой первый тур и указали имя, описание и обложку, вам будет предложено добавить свою первую сцену. Затем нажмите «Загрузить» и найдите папку, в которой вы сохранили свои 360-градусные фотографии. Перетащите фотографию, которую вы хотите использовать для своей первой сцены.

После того, как вы загрузите свое изображение, у вас будет возможность повернуть его или расположить по своему усмотрению. Нажмите «Добавить сцену» под изображением и продолжите.

Шаг 4: отредактируйте свою сцену

После того, как вы закончите создание своей первой сцены, вы сможете отредактировать и предоставить дополнительную информацию о своей фотографии 360° VR. Ниже перечислены элементы, которые вы сможете изменить.

• Название : Напр. Кухня, гостиная и т. д.
• Местонахождение : Адрес собственности)
• Описание : Полное описание фото
• Начальный вид : Где на изображении вы хотите, чтобы ваша сцена начиналась
• Кредиты : Укажите авторство, если кто-то другой сделал фотографию.

Шаг 5. Добавьте аудио, повествование и достопримечательности

(необязательно)

После создания сцен вы можете вернуться назад и оживить свой виртуальный тур. В каждой сцене у вас есть возможность добавить дополнительный окружающий звук, повествование и достопримечательности.

Рассказчик

Рассказчик — отличный способ добавить индивидуальности вашему VR-туру и помочь предоставить важную информацию вашим клиентам по недвижимости. На вашем iPhone откройте приложение «Голосовые заметки» или на Android загрузите приложение Smart Recorder. Для каждой сцены создайте краткое, но описательное повествование о том, на что смотрят ваши зрители. Когда вы закончите, сохраните файл MP3, щелкните значок комментария в нижней части сцены и загрузите файл.

Точки интереса

Если вы хотите выделить какие-либо приборы, освещение или дополнительные элементы в вашей сцене, вы можете захотеть иметь несколько «достопримечательностей». Чтобы добавить достопримечательность, сначала нажмите «Добавить достопримечательность» в нижней части информационной панели ваших сцен. У вас будет возможность добавить повествование или изображение. После того, как вы добавили точку интереса, отрегулируйте, где вы хотите разместить ее на сцене внутри области предварительного просмотра. Это позволит вашим зрителям нажимать на точку интереса по мере прохождения и узнавать больше об этом элементе в виртуальной реальности.

Шаг 6: Сохраните и опубликуйте тур

Когда вы закончите создание сцены, нажмите «Опубликовать» вверху. Вас спросят, хотите ли вы сделать свою сцену частной или общедоступной. После публикации сцены нажмите на значок «копировать ссылку». Теперь вы сможете поделиться этой ссылкой в ​​Facebook, Twitter или Google Expeditions. Вы также можете вставить эту ссылку в электронное письмо и поделиться ею напрямую со своими клиентами!

Последний домашний тур с помощью Google Tour Creator

Вы и ваши клиенты сможете просматривать этот тур на своих компьютерах, ноутбуках, смартфонах, планшетах или Google Cardboard.

Метод 2: Zillow 3D Home Tours

Zillow 3D Home — это совершенно новое приложение, которое позволяет пользователям iPhone создавать виртуальные туры по недвижимости, которыми можно поделиться в частном порядке или прикрепить к текущему списку Zillow. Пользователи могут создать бесплатный виртуальный тур по недвижимости с помощью iPhone (7 или более поздней версии) или с помощью 3D-камеры.

Zillow рекомендует использовать 360-градусную камеру Ricoh Theta V или Ricoh Theta Z1.

Дополнительные камеры с углом обзора 360 градусов

Камера	Производительность неподвижного изображения	Запись изображения в формате RAW (DNG)	Цена
Ricoh Theta V	5376×2688	№	379,95 $
Ricoh Theta ZI	6720×3360	Да	999,95 $

Выполните следующие 7 шагов, чтобы создать свой первый тур по недвижимости Zillow 3D Home Tours.

Шаг 1. Загрузите приложение Zillow 3D Home Tours

Загрузите приложение Zillow 3D Home Tours на свой iPhone из Apple App Store.

Шаг 2. Откройте приложение, войдите в систему и нажмите «Начать захват».

Откройте приложение и войдите в систему, используя свою учетную запись iCloud, учетную запись Gmail или учетную запись Zillow. Далее нажмите «Начать захват». Выберите «Использовать камеру iPhone».

Шаг 3: Выберите комнату, которую вы хотите захватить

После того, как вы добавите свой адрес, Zillow предоставит вам на выбор множество комнат и областей вашей квартиры или дома, в том числе:

• Передняя дверь
• Кухня
• Ванная комната
• Столовая
• Гостиная
• Гараж
• Спальня
• Главная спальня
• Основная ванная комната
• Прихожая
• Передний двор
• Задний двор

После того, как вы выбрали первую комнату, которую хотите включить, вы готовы сделать панораму.

Шаг 4. Снимите панораму

Держите iPhone вертикально перед грудью. Медленно поверните вправо, совершив полный круг, следуя инструкциям приложения. Если вы едете слишком быстро или приложению не удалось захватить область, вам будет предложено замедлить или повторить эту часть панорамы.

Шаг 5. Просмотрите свои 360-градусные фотографии

Просмотрите 360-градусные фотографии каждой комнаты и сделайте повторный снимок, а также фотографии, которые размыты или смещены.

Шаг 6: Повторяйте шаги 3-5

Повторяйте шаги 3-5, пока вы не сделаете высококачественную панорамную фотографию каждой запрошенной комнаты.

Шаг 7. Опубликуйте свой виртуальный тур

Войдите в свою панель инструментов Zillow, чтобы редактировать, публиковать и делиться своим туром.

Посетите страницу Как сделать виртуальный тур по недвижимости с помощью Zillow 3D Home Tours, чтобы узнать больше и улучшить качество ваших туров, созданных на iPhone.

Улучшите свое понимание технологий в сфере недвижимости

Запишитесь на один из курсов повышения квалификации VanEd в области недвижимости и улучшите свое понимание отраслевых технологий!

• Технологическая этика: этикет в эпоху помолвки
• Технологические инструменты и ресурсы
• Технология и налогообложение

Написал и опубликовал: VanEd

Создайте виртуальный тур на своем собственном веб-сайте с помощью этой техники

Поскольку мир страдает от пандемии Covid-19, многие потеряли возможность осуществить свои планы на отпуск этим летом. Как энтузиаст путешествий, я не совсем потерялся и смог провести время с семьей, посещая места, которые у меня никогда не было возможности увидеть раньше, через Google Street View и пару сайтов виртуальных туров. Впервые музей Лувр предоставил возможность виртуально посетить свое изысканное сокровище произведений искусства, которое, я уверен, удалось бы увидеть лишь немногим людям, даже если бы эта пандемия не захлестнула мир. В этой статье будет представлен обзор основ виртуальных туров и показано, как создать виртуальный тур для собственного веб-сайта.

Что такое виртуальный тур?

Виртуальный тур дает зрителю ощущение, что он посещает какое-то место – будь то каталог, видео, игра, аудио – или даже слушает, как кто-то вам что-то объясняет, может быть классифицирован как виртуальный тур. а. Однако наиболее популярным значением виртуального тура является комбинация панорамных изображений, которые связаны друг с другом и предоставляют дополнительную информацию о них, такую ​​как карта, гиды, советы по горячим точкам, видео, музыка и т. д.

Хороший виртуальный тур даст вам хорошее представление об атмосфере этого места. Ознакомьтесь с этой статьей Forbes и наслаждайтесь посещением 15 лучших виртуальных туров по всему миру.

Как совершить виртуальный тур?

Для создания виртуального тура на вашем веб-сайте вам понадобится камера, штатив, устройство для сшивания изображений и программное обеспечение для создания виртуального тура. Вам также нужно будет сделать 360-градусное изображение, сфотографировав область вокруг вас с помощью штатива и камеры, соединив их все вместе в одно панорамное изображение, а затем поместив его в приложение для создания туров. После добавления ваших горячих точек (среди прочего) вам нужно будет построить вывод. Чтобы сделать хорошее панорамное изображение, нужно разбираться в проекциях. Представьте, что вы хотите спроецировать сферу на прямоугольник. Есть несколько способов сделать это. Картографы уже знакомы с концепциями проекций, потому что им приходится рисовать карту сферы на поверхности.

Изображение с gisgeography,com

Дополнительную информацию о различных проекциях можно найти здесь.

Сначала мы собираемся использовать сшиватель изображений для создания панорамного изображения. Существует множество программ для сшивания изображений. Одним из лучших бесплатных сшивателей изображений является «Image Composite Editor» от Microsoft. Поскольку он доступен только для Windows, если вы используете Mac, вы можете попробовать другое программное обеспечение здесь.

Итак, мы начнем с установки приложения Image Composite Editor отсюда. После установки нажмите кнопку «Новая панорама» вверху.

Создание новой панорамы с помощью Microsoft Image Composite Editor

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

После выбора всех изображений нажмите кнопку «Далее».

Просмотр изображений. Лучше снимать и импортировать изображения по часовой стрелке.

Пусть приложение найдет перекрытия на каждом изображении и соединит их все в одно.

Выравнивание и компоновка изображений

Если вы согласны с результатами, нажмите кнопку «Далее». Но убедитесь, что размер изображения составляет 360 × 180 градусов, иначе у вас будут проблемы с некоторыми зрителями виртуального тура.

Просмотрите необработанное изображение и установите горизонт.

Здесь вы можете изменить размер объединенного изображения и обрезать его по своему усмотрению. Если вас это устраивает, нажмите кнопку «Далее».

Изменение размера и обрезка конечного панорамного изображения

Пришло время экспортировать изображение, чтобы получить один файл панорамы.

Экспорт результата в одно панорамное изображение.

Сохраните файл и создайте больше панорамных изображений для места, которое вы собираетесь создать тур. Чем больше узлов вы создадите, тем больше деталей вы сможете охватить в своем виртуальном туре.

Теперь пришло время создать виртуальный тур с помощью приложения Pano2VR. Загрузите и установите его отсюда. После установки щелкните правой кнопкой мыши на панели браузера Tour и импортируйте панорамные изображения.

Импорт панорамных изображений в приложение Garden Gnome Pano2VR

Добавьте сюда горячие точки, эффекты, обложку, карту, гид и все, что хотите. Я добавил точку доступа, чтобы иметь возможность перейти к следующей панораме в моем туре. Вы можете найти документацию по этому программному обеспечению здесь. Следуйте за ним, чтобы совершить удивительный тур.

Добавьте точку доступа и разрешите пользователям переходить к следующей панораме, щелкнув эту точку.

Теперь щелкните значок вывода и добавьте вывод HTML5 на правую панель.

Добавьте тип вывода и настройки.

Установите правильные параметры вывода, щелкните значок шестеренки и дождитесь завершения.

Создайте вывод и дождитесь его завершения.

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

Результат вывода. Тур готов.

На следующем этапе мы собираемся встроить этот тур на веб-сайт WordPress.

Как показать это на моем сайте?

Чтобы встроить тур на свой веб-сайт, вам необходимо сначала загрузить все выходные файлы. Просто сначала сделайте из него zip-пакет.

Заархивируйте все файлы и папки тура.

Используя подключаемый модуль файлового менеджера, создайте папку по адресу wp-content/uploads/ с именем « vt », чтобы лучше организовать тур.

Создайте папку с именем «vt» в папке загрузки.

Теперь загрузите zip-файл в этот каталог.

Загрузите zip-файл в каталог vt.

Щелкните правой кнопкой мыши ZIP-файл и извлеките его сюда.

Извлеките пакет тура.

Вы можете удалить zip-файл. Теперь вам нужно встроить файл index.html на свою страницу с помощью iframe.

Файл тура index.html

Поскольку для создания этого примера я использовал локальный компьютер, URL-адрес файла тура будет таким:

http://localhost/jupiter/wp-content/uploads/VT/index . html

Теперь вы можете встроить этот URL на свою страницу. Просто создайте страницу.

Добавить новую страницу, чтобы встроить в нее тур.

Используя Gutenberg, добавьте пользовательский блок HTML.

Используйте блок Custom HTML для встраивания тура

Поместите этот код iFrame в блок кода:

Вы можете использовать тот же метод, чтобы добавить тур в тур Elementor. При редактировании страницы через Elementor добавьте виджет Custom HTML на свою страницу и поместите на него тот же код.

Результаты будут такими:

Final Words

Совет: В качестве альтернативы вы можете использовать такие инструменты, как WP VR, для создания виртуальных туров на веб-сайте WordPress.

В этом посте мы узнали, как создать и встроить виртуальный тур на веб-сайт WordPress. Тем не менее, есть десятки различных способов сделать это. Но упомянутый выше метод означает, что вы не будете ограничены или ограничены в построении виртуального тура.