Как сделать 3д тур для сайта: Создание 3D виртуальных туров по квартирам. Как сделать?

Как выложить готовый 3D тур на сайт

Готовый 3D тур предоставляется на диске и/или в виде архива с файлами этого тура на файлообменнике. Для размещения тура полученные файлы необходимо передать вебмастеру, который ведет ваш сайт. Он легко разместит данный 3D тур на любой странице вашего сайта.

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

Начнем с того, что присланные вам файлы необходимо разместить на вашем хостинге. В коневом каталоге файлов 3D тура имеется html-файл и папка, содержащая элементы тура, на которую и ссылается html-файл. Данный html-файл является ключевым, и именно его адрес необходимо будет указывать при размещении тура на сайте. В качестве примера рассмотрим файлы существующей панорамы набережной у Авроры http://fotogid.info/tour/avrora

NB! Если вы загружаете на свой хостинг заархивированные файлы 3D тура, пожалуйста, убедитесь, что вы их распаковали.

 

Вариант 1

Одним из простейших вариантов вставки тура на выбранную страницу – разместить подготовленную статическую картинку из тура и привязать к ней гиперссылку на указанный html-файл. После клика на данную картинку в окне откроется 3D тур.

NB! Рекомендуется на такую картинку дополнительно наложить иконку «play» или надпись «3D тур», подсказав посетителю вашего сайта, что появится анимация после клика на данную картинку.

Пример реализации

 

Вариант 2

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

Пример реализации

Виртуальная 3D панорама набережной у стоянки Крейсера «Аврора»

 

Вариант 3

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

Если же такой кнопки нет, то можно воспользоваться кодом вставки. Для этого необходимо ваш встроенный редактор перевести из режима «Full HTML» в режим «Plain text», и в нужном месте страницы вставить код: <iframe src=»http://fotogid.info/sites/default/files/3d_tours/Aurora_new/Aurora_new.html» border=»0″ frameborder=»0″></iframe>

В данном коде http://fotogid.info/sites/default/files/3d_tours/Aurora_new/Aurora_new.html — адрес ключевого файла 3D тура,
а цифры параметров width= и height= – это ширина и высота окна, в котором будет демонстрироваться 3D тур (параметры указывается в пикселях). В примере это 1140 и 750, как наиболее подходящие именно для данного сайта. Но если вам нужен другой размер, то вы можете указать нужные вам параметры, к примеру, 640 и 480.

 

Пример реализации

 

 

 

Создание виртуальных туров и 3D панорам

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

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

Planoplan позволяет пользователям самостоятельно создавать 3D панорамы и панорамные туры по планировкам квартир. Если панорамы сделаны для нескольких помещений, то между ними можно перемещаться, нажимая на значок с человечком.

3D-туры, созданные в Planoplan, можно просматривать на смартфонах в бесплатном приложении Planoplan Real Estate! — для этого достаточно установить приложение и отсканировать QR-код виртуального тура. При наличии очков виртуальной реальности вы сможете буквально перенестись внутрь будущего дома.

Виртуальные туры по квартирам, для чего их можно использовать

Создание виртуальных туров позволяет буквально «вжиться» в помещение с разработанным дизайном или ремонтом. 360°-панорама, в отличие от обычных 3D-рендеров, позволяет оценить объемы помещений, высоту потолков, пространства между предметами меблировки.

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

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

Как с помощью Планоплана создать виртуальный тур

Для создания виртуального тура необходимо добавить помещение, произвести его декорирование, установить источники света и нажать на иконку фотокамеры в верхней части рабочего поля. После этого откроется окно выбора разрешения VR-панорамы. Доступны панорамы разрешением 600 и 900 пикселей. Чем выше разрешение, тем четче и качественней будет выглядеть виртуальный тур. После отправки VR-панорамы на просчет и ее готовности, к вам поступит уведомление и QR-код для открытия 3D-панорамы в специализированном бесплатном приложении для Android и iOS Planoplan Real Estate! Также вы можете посмотреть ролик, где наглядно продемонстрирован весь процесс создания и просмотра VR-панорамы.

Примеры VR-панорам, созданных пользователями с помощью сервиса Planoplan

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

FAQ

Хочу сделать виртуальный тур самостоятельно. Помогите пожалуйста!

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

Рекомендую начать с изучения программ Photoshop, PTGui, Pano2VR, после чего освоить KrPano  В интернете много уроков по этим программам, а также по технике съемки сферических панорам. У меня к сожалению, нет столько времени, что-бы подробно рассказывать о технологии изготовления панорам. В разделе «Технологии» я опубликовал перечень оборудования, которое я использую.  Могу еще добавить, что на изучение базовых азов съемки 3D панорам у меня ушло более года и сотни часов работы за компьютером. Самый действенный способ научиться делать виртуальные туры — это метод собственных проб и ошибок. Другого пути нет.

Сколько стоит виртуальный тур и как долго его делать?

Стоимость виртуального тура индивидуальна и зависит от пожеланий заказчика, а также сложности объекта и сценария тура. Хочу сразу сказать, что я не делаю супердешевые виртуальные путешествия, так использую только профессиональное оборудование и соотвественно ориентируюсь на высокое качество работ.   Что касается сроков изготовления виртуальных туров: на съемку и обработку сферических панорам уходит как правило 1-3 дня + 1 неделя отводится под сборку виртуального тура и согласования его с заказчиком.

 При съемке очень много время экономиться, когда объект съемки подготовлен. Прошу понять правильно, я фотограф и обязанность подготовить объект отводиться Заказчику. Т.е. часто на съемку приходиться тратить и более одной недели, так как  или в помещении грязно и не убрано (никакой фотошоп не исправить дыры в стенах, грязный пол, отсутствие ламп в светильниках). Если съемка проводиться на улице, то сказывается фактор погоды, так как съемки в дождь или снег я не делаю из-за того, что капли воды попадая на объектив делают снимки 100% бракованными и не поддающимися ретуши. На практике средний тур из 5-ти панорам делается в течении 14 дней.

Какая география съемок?

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

Все делаете сами или у Вас есть помощники?

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

Можно ли брать в аренду оборудование для съемки 3D панорам?

Оборудование для съемки сферических панорам в аренду я не сдаю.

Возможно ли сделать виртуальный тур на из фотографий сделанных кем-то?

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

Как происходит создание 3d сферических панорам и виртуальных туров?

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

Сначала объект, конечно, фотографируется. Для съемки используется цифровая зеркальная камера со сверхширокоугольным объективом или объективом типа fisheye. Камерой, прикрепленной на стабильном штативе со специальной панорамной головкой, снимается серия кадров.

Для успешной склейки кадры должны перекрываться в местах сшива. Минимально для создания сферической панорамы необходимо два кадра, но такая панорама не будет иметь высокого качества. Обычно для создания панорамы хорошего качества фишай – объективом снимаются 4-8 исходных кадров (при съемке другим объективом исходных кадров нужно больше).

При сложном освещении (большом диапазоне яркости) иногда приходится применять технологию HDRI, в этом случае количество исходных кадров может увеличиться в несколько раз. Наличие в кадре движущихся объектов (люди, автомобили и т.д.) также зачастую требует дополнительных снимков. Время съемки одной сцены варьируется от 5 до 30 и более минут, в зависимости от оборудования, условий и используемой технологии съемки.

Серия исходных снимков

Следующим шагом по созданию 3D сферических панорам является обработка исходных снимков и их соединение в единое изображение – равноугольную (эквидистантную) проекцию панорамы. На этом этапе изображение доводится до совершенства: ретушируются движущиеся предметы и тени, подгоняется цветокоррекция, резкость и т.д.

Равноугольная (эквидистантная) проекция сферической панорамы

Стороны куба — здесь в проекции под названием «Горизонтальный крест»

Далее с помощью специальных программ стороны куба или равноугольная проекция преобразуются в нужный формат 3д сферической панорамы – Flash, HTML5 или другой.

Щелчком по картинке откроется готовая сферическая панорама в формате Flash или HTML5

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

Подробно о технике создания 3D панорам читайте в разделе «Технологии».

Создание виртуальных панорам и 3d туров на заказ

Сферические 3D панорамы и виртуальные туры, использующие 360°х180° панорамную проекцию и интерактивное управление, это современная и эффективная форма презентации пространства. Основной средой для размещения виртуальных туров является интернет-пространство, однако 3d панорамы распространяются и на оффлайн носителях — диски с виртуальными экскурсиями по различным достопримечательностям, обучающими материалами и другими видами презентаций.

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

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

Управлять 3D панорамой очень просто. Левой кнопкой мыши Вы можете поворачивать изображение в требуемом направлении (кликнуть и держать). Для приближения или отдаления (zoom) достаточно покрутить колесико мыши. Управление панорамой на сенсорных экранах аналогично — поворот и зум изображения осуществляется прикосновением к экрану.

Примеры виртуальных туров

Несколько сферических 3d панорам могут быть соединены друг с другом, таким образом создается виртуальный тур (также известный под именами — 3d тур, виртуальная экскурсия, виртуальная прогулка). Одним кликом на указатель в 3D панораме Вы совершаете настоящее путешествие, перемещаясь из одной панорамы в другую (например, из одной комнаты в другую) или даже на внешний веб-ресурс. Для лучшей ориентации посетителей виртуального тура 3D панорама может сопровождаться интерактивной картой с “радаром”, показывающим направление просмотра и угол обзора. Виртуальный тур идеально подходит для презентации зданий и интерьеров, экскурсий по городам и музеям и многого другого.

Для показа 3d виртуальных панорам и 3д туров не нужно устанавливать никаких дополнительный программ, достаточно иметь Интернет-браузер, поддерживающий стандарт HTML5, или Flash (читать подробнее о средствах просмотра сферических 3D панорам). Сферические панорамы и виртуальные туры, созданные на современных движках, прекрасно отображаются не только на десктопных компьютерах, но и на большинстве мобильных устройств, что делает их доступными к просмотру максимальному количеству пользователей интернета.

Размещение Google панорам интерьеров на своем сайте

Последовательность шагов для размещения опубликованного виртуального тура по программе «Google Панорамы Интерьеров» на своем сайте

Помимо размещения виртуального тура на Картах Google и в результатах поиска Google, у каждого участника программы «Google Панорамы Интерьеров» существует возможность разместить виртуальный тур на своем сайте. Для этого нужно сделать всего несколько простых действий. Давайте посмотрим на примере участника программы, ресторана «Вилладжио».

В поисковой системе Google набираем запрос: «Вилладжио» и в предложенном поисковой системой уточнении, выбираем «ресторан».

Справа у всех участников программы «Google Панорамы Интерьеров», появляется интерактивная карточка, с подробной информацией о найденном объекте: адресом, телефоном, временем работы, отзывами, картой проезда и ссылкой на виртуальный тур, с надписью «ВНУТРИ»».

Кликнув мышкой на картинку с надписью «ВНУТРИ «, попадаем на стартовую панораму виртуального тура. Слева вверху находится информационный блок с названием объекта съемки, датой публикации виртуального тура и контактными данными фотографа. Также в блоке есть три вертикальные точки, графический символ раскрывающегося списка.

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

По умолчанию предлагается HTML код для окна средних размеров (условно).

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

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

Где можно разместить виртуальный тур Matterport?

Виртуальный тур на сайте

1. Виртуальный тур может быть размещен на вашем сайте. Корпоративный сайт – это визитная карточка компании, и с помощью 3D тура можно показать преимущества клиентам и создать ВАУ-эффект.
2. Если у вашей компании нет сайта, вы можете воспользоваться площадкой 3d-bim.ru. Здесь вы можете создать свою страницу, красиво оформить ее, и демонстрировать потенциальным клиентам.
3. Если вам не нужна полноценная страничка, то вы можете демонстрировать только сам тур. Ссылка будет привязана к хостингу Matterport. Будет возможно прикрепить ее к любым объявлениям на таких платформах как Авито, ЦИАН и многих других.

---

Виртуальный тур на Яндекс и Гугл картах

Так как люди стали активно искать магазины, товары и услуги в интернете, большую популярность получили Яндекс и Google карты. Очень крутая функция, что кроме фотографий и описания можно добавить виртуальный 3D тур. Это делает организацию гораздо более заметной и помогает продвигать ее в различных сервисах.

Технология Matterport позволяет размещать отснятые туры на картах, а компания 3D-BIM является сертифицировнаным съемщиком с большим количесвтом публикаций.

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

---

Для сайтов объявлений и продаж (Циан, Avito, ДомКлик)

Сервис по продаже недвижимости ДомКлик поддерживает виртуальные туры. Вместе с обычными фотографиями здесь можно загружать и панорамы.

В то время как на других аналогичных сайтах демонстрировать панорамы невозможно.
Но на Циан, Yandex Недвижимость, Avito, Domofond есть возможность прикрепить ссылку на видео с YouTube. Это позволяет продемонстрировать недвижимость с помощью 2 типов видеороликов:
⠀
1 Панорамное 3D видео. Данное видео подобно слайд-шоу, оно даёт возможность разглядеть объект со всех сторон, вращать на 360 градусов, демонстрируя панорамы одну за другой. Такая технология позволяет показать все помещения как внутри так и снаружи.
⠀
2 – Обзорное видео по туру Matterport. Представляет собой осмотр квартиры с переходами от одной точки к другой, а так же возможность посмореть сверху на план квартиры или посмотреть помещение в 3D.

Для агентств недвижимости в процессе продажи много времени уходит на демонстрацию квартир или домов клиентам. С помощью Виртуального 3D тура можно сэкономить это время, так как показ объекта можно провести онлайн. Так же виртуальные туры Matterport гарантированно производят ВАУ-эффект)

---

Социальные сети и 3D панорамы

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

Вконтакте

Есть два способа разместить виртуальный тур в VK:

• Как приложение ВКонтакте. В ВК есть возможность создавать собственные iFrame приложения. Если привязать к такому приложению html-страницу виртуального тура, тогда в нем будет демонстрироваться ваша виртуальная экскурсия. Для реализации этого способа 3D тур должен быть загружен на хостинг вашего сайта.
• Как видео 360. Если у вас есть видео 360, сделанное из сферических панорам, его можно размести в ВК. Сама соцсеть не поддерживает такой формат, но есть возможность прикрепить видео 360 из YouTube.

Facebook

3 варианта загрузки 3D панорам на Facebook:

• Приложение FB – аналогично приложению ВК.
• Как видео 360, только в отличии от ВК, на Facebook можно загрузить видео 360 или же использовать ролик с Youtube.
• Отдельные 3D панорамы. Сферические панорамы загружаются как обычные фотографии. Благодаря встроенным метаданным панорамное фото преобразуется в формат 360.

Instagram

Если вкладка для сайта свободна, туда можно вставить ссылку на 3D-тур. Так же можно загрузить видео обход по недвижимости. 

Дополнительно: 

• Системы онлайн-бронирования и сайты для путешествий. (Booking.com, Tripadvisor). Рядом с обычными фотографиями появляется раздел «Панорамы 360», в котором собраны размещенные 3D панорамы с возможностью вращения на 360 градусов.

• Размещение на крупных торговых площадках, работающих в формате маркетплейса (Tiu.ru, Wildberries, Ozon, Goods.ru и др.), либо на рекламных порталах.

• Демонстрация потенциальным клиентам, партнерам, инвесторам на выставках и презентациях, в том числе и в очках виртуальной реальности.

• Мгновенная передача заинтересованному лицу с помощью любого мессенджера.

• Размещение QR-кода на визитках, листовках и в любом ином информационном печатном материале.

• Импорт в CAD-программы для дальнейшего компьютерного моделирования в инженерно-строительных проектах и при создание дизайн-проектов помещений.

Стоимость тура и дополнительных опций вы можете посмотреть по ссылке: ЦЕНЫ

Сделать заказ на бесплатную оценку вы можете по ссылке: СДЕЛАТЬ ЗАКАЗ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Измените размер и обрежьте окончательное изображение панорамы

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

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

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

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

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

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

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

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

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

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

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

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

Выходной результат.Тур готов.

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

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

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

Сделайте 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 на свою страницу и поместите на него тот же код.

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

Заключительные слова

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

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

Как создать виртуальный тур

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

Сегодня мы сосредоточимся на единственной форме виртуальной реальности, известной как виртуальный тур.

В этом руководстве вы узнаете все о следующем:

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

Вы сможете самостоятельно создавать увлекательные виртуальные туры с минимальными затратами.

Что такое виртуальная реальность?

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

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

По оценкам, к 2022 году мировой рынок виртуальной реальности вырастет до 209,2 миллиарда долларов. Это в 7,7 раза больше, чем на мировом рынке в 2018 году (ссылка на данные: Techjury.net).

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

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

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

По оценкам Techjury

, к концу 2019 года по всему миру будет продано около 14 миллионов устройств дополненной и виртуальной реальности.

Типы виртуальной реальности Существует множество технологий виртуальной реальности.Ниже приведены 5 самых популярных из них.

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

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

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

Дополненная виртуальная реальность Дополненная реальность — это когда определенный объект или устройство кажется присутствующим в реальности, но на самом деле его нет. Вместо того, чтобы помещать вас в виртуальный мир, виртуальный объект помещается в реальный мир через любое устройство. Пример: игра Pokemon Go отображает покемонов через ваш телефон.

Совместная виртуальная реальность Это форма виртуального мира, в которой разные люди из разных мест могут вступать в контакт в виртуальной среде, обычно в виде трехмерных или проецируемых персонажей. Люди могут взаимодействовать друг с другом с помощью микрофонов, наушников и в чате. Пример: такие игры, как PUBG (Players Unknown Battle Ground)

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

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

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

Виртуальный тур — это технология полуиммерсивной виртуальной реальности, позволяющая удаленно посетить определенное место.

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

Обычно виртуальный тур создается путем преобразования бесшовного панорамного изображения 360° в реалистичное равнопрямоугольное трехмерное пространство.

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

**Однако существуют и другие формы виртуальных туров, такие как Cube Map, Planetary или Fish Eye. Но мы обсудим самый эффективный — виртуальный тур Equirectangular.

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

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

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

Давайте рассмотрим преимущества использования виртуального тура для большинства предприятий.

Преимущества использования виртуального тура на вашем веб-сайте

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

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

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

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

1. Мгновенное подключение

Использование виртуального тура все еще очень новое, и люди, посещающие ваш сайт, сразу же зацепятся.

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

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

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

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

После осмотра у них будет более точное представление о фактическом местоположении.

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

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

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

2. Предоставьте лучшую визуализацию потенциальным клиентам

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

Раньше самыми продвинутыми удаленными турами были видеотуры.

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

У вас нет возможности посмотреть под другим углом.

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

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

Теперь при посещении человека, если он не соответствует его воображению, он почти сразу потеряет интерес.

Виртуальный тур создает почти идеальное визуальное представление о месте.

У человека, совершающего виртуальную экскурсию, возникнет ожидание, которое очень сильно соответствует реальному месту.

Таким образом, создается более потенциальная перспектива.

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

3. Помогите потенциальным клиентам принять решение

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

Поясню.

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

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

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

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

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

4. Избегайте ненужных посещений и отказов

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

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

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

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

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

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

В отчете Property Week говорится, что в сфере недвижимости использование 360-градусных виртуальных туров сократило количество просмотров впустую на 40%. Это значительная экономия времени и денег.

5. Технологические преимущества перед конкурентами

Несмотря на то, что виртуальные туры эксклюзивны и привлекательны, их влияние только начинает расти.

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

Это на самом деле преимущество для вашего бизнеса, если вы не использовали виртуальные туры в больших масштабах.

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

Они смогут увидеть различные разделы и виды товаров, которые у вас есть. Кроме того, они заметят, насколько организован и чист ваш супермагазин.

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

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

Точно так же, если у вас есть отель, то виртуальный тур даст вам дополнительное преимущество перед другими отелями в вашем районе.

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

Если ваш отель хорошо оформлен и доступен по цене, большинство людей, вероятно, предпочтут ваш отель другим после виртуального тура.

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

Это 5 основных преимуществ, которыми могут воспользоваться практически все предприятия, независимо от ниши.

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

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

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

• Недвижимость
• Отели и курорты
• Рестораны
• Казино
• Художественная галерея
• Дом Моды
• Места для проведения свадеб
• Конференц-залы
• Автосалоны
• Магазины аквариумов
• Антикварные магазины
• Торговые центры
• Супер Магазины
• Кинотеатры
• Декоры для дома/интерьера
• Исторические места

• Индустрия путешествий/туризма
• Тренажерный зал/фитнес-центры
• Университеты, школы и колледжи
• Виртуальные учебные центры
• Исследовательские центры
• Производственный дом
• Корпоративный офис
• Виртуальные игровые зоны
• Крытые игровые зоны/клубы
• Магазины ремесел/мебели
• Тематический/развлекательный парк
• Аэропорты и авиакомпании
• Орхидеи и цветники
• Природные/сафари-парки
• Музеи
• Больницы

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

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

Для создания виртуального тура

Для создания виртуального тура нам понадобятся две вещи. В случае Равнопрямоугольного виртуального тура основными ингредиентами являются:

• Бесшовные панорамные изображения 360 и
• Инструмент для создания виртуальных туров

Что такое панорамное изображение?

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

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

Бесшовное панорамное изображение 360°

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

Бесшовное 360-градусное панорамное изображение отличается от обычного плоского изображения. После обработки с помощью создателя виртуального тура он становится равнопрямоугольным виртуальным туром.

Вот пример:

Панорамное изображение с углом обзора 360 градусов

преобразован в виртуальный тур

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

Создатель виртуального тура — WPVR

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

**Осторожнее с производственными компаниями. Многие скажут, что видеотуры — это виртуальные туры, но это не так. Да, есть виртуальные видеотуры, но они не идеальны для полного контроля и осмотров. К тому же их производство дороже.

Существует множество инструментов и сервисов, которые помогут вам преобразовать панорамные изображения 360° в виртуальный тур.

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

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

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

Вот пошаговое руководство о том, как легко и самостоятельно создать качественный виртуальный тур с помощью WPVR.

Пошаговое руководство по созданию виртуального тура с помощью WPVR

Вы можете получить бесплатную версию WPVR из репозитория WordPress.

Вы можете получить WPVR Pro на нашем веб-сайте.

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

Чтобы создать виртуальный тур 360° с панели инструментов WordPress, выполните 9 простых шагов:

Теперь давайте получим подробное руководство для каждого шага.

Шаг 1. Установите и активируйте WPVR

Перейдите на панель инструментов WordPress > Плагин > Добавить новый .

Найдите WPVR , и вы найдете синюю иконку плагина, как показано на изображении ниже:

Нажмите « Установить », а затем « Активировать » плагин.

После активации плагина вы увидите на панели инструментов новое меню под названием « WP VR ».

Под WP VR вы получите следующие опции:

• Начало работы : Предоставляет вам все необходимые документы и учебные пособия.
• Туры : Который будет содержать уже созданные вами виртуальные туры.
• Добавить новый тур : Это позволит вам создать новый тур.

Шаг 2. Создание виртуального тура

Перейдите на панель инструментов > WP VR > Добавить новый тур .

Для вас будет создан новый пустой тур.Назовите тур под Заголовком.

С левой стороны вы увидите 4 вкладки:

• Общий
• Сцены
• Точка доступа
• Видео

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

Шаг 3. Настройка общих параметров

Перейдите на вкладку Общие > Основные настройки , и вы увидите следующие параметры:

Set A Tour Preview Image:
Если параметр автозагрузки отключен, отображается сетчатый заполнитель.Однако. вы можете заменить это, загрузив изображение для предварительного просмотра.

Просто нажмите кнопку «ЗАГРУЗИТЬ» и добавьте медиа-изображение. (Для этого следует использовать плоское изображение, а не панорамное изображение 360)

Или вы можете предоставить ссылку на изображение. (Убедитесь, что ваш сайт сертифицирован SSL, т.е. «https», тогда ссылка на изображение также должна иметь «https».)

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

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

Теперь после предварительного просмотра тура (или просмотра тура на странице в реальном времени), если параметр «Автозагрузка» отключен, вы увидите, что это изображение находится на месте тура, пока вы не нажмете на него.

А если опция Автозагрузка включена, то это изображение будет там до тех пор, пока тур не загрузится.

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

Автозагрузка тура:
Если автозагрузка включена, загруженная вами панорама будет загружаться автоматически.В противном случае он будет загружаться по клику.

Кнопки основного управления:
При выборе значения «Вкл.» отображаются кнопки управления на экране, такие как увеличение/уменьшение масштаба и полноэкранный режим.

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

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

Автоповорот:
Включив его, вы увидите еще три поля для добавления функции автоповорота к вашему виртуальному туру.

• Скорость и направление вращения .
• Возобновление автоматического поворота после .
• Остановить автоповорот после .

Параметр Скорость вращения и направление предназначен для установки скорости автоматического вращения в вашем туре.

Мы рекомендуем поддерживать эту скорость в диапазоне от -20 до 20, иначе вращение будет слишком быстрым.

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

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

Согласно изображению выше, установлено значение 2000 миллисекунд, т. е. 2 секунды.

Параметр «Остановить автоповорот после»  позволяет установить время, по истечении которого автоматический поворот тура прекратится.

Однако это не сработает, если вы введете значение для задержки неактивного автоповорота. Согласно изображению выше, оно установлено на 2000 миллисекунд, т. е. 2 секунды.

Это все опции в общих настройках. Настройте параметры по своему усмотрению.

Теперь нужно настроить сцену.

Шаг 4. Настройка сцен

По сути, каждая панорама, которую вы хотите включить в свой виртуальный тур, является сценой. Перейдите на вкладку «Сцены», и вы получите следующие параметры:

.

Установить по умолчанию:
Если выбрать «Да», то текущая сцена будет сценой по умолчанию для просмотра в первую очередь при загрузке виртуального тура.(К вашему сведению: первая сцена естественно считается сценой по умолчанию.

Если вы хотите, чтобы другая сцена была сценой по умолчанию, отметьте эту сцену как «Да» для «Установить по умолчанию».

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

Позже вы можете использовать этот идентификатор сцены, чтобы назначить сцену в качестве целевой сцены в разделе Hotspot, т. е. щелкнув по активной области, вы перейдете к этой сцене.Вы получите руководство по этому вопросу в разделе «HotSpot».

Тип сцены:
Тип сцены по умолчанию установлен как «равноугольный». Это означает, что он будет просматривать равнопромежуточный формат сцены.

Загрузка сцены:
Здесь нажмите кнопку « ЗАГРУЗИТЬ » и загрузите панорамное изображение с углом обзора 360 градусов, чтобы использовать его в качестве текущей сцены.

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

Это будет означать, что изображение загружается как изображение текущей сцены.

FYI: большинство мобильных устройств имеют ограничения по разрешению; они могут поддерживать максимум 4096 пикселей на 2048 пикселей.

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

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

Вы получите Предварительный просмотр тура  рядом с Настройки сцены .

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

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

Чтобы добавить вторую сцену, сверху нажмите на кнопку «+».

И будет добавлена ​​новая пустая сцена.

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

Чтобы удалить сцену, вы можете просто перейти к сцене, затем щелкнуть значок «Корзина», и сцена будет удалена.

Вот и все с основами Настройки сцены .

Теперь добавим Hotspots, чтобы сделать экскурсию более значимой и увлекательной.

Шаг 5. Эффективное использование точки доступа

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

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

Находясь в сцене , перейдите на вкладку HotSpot, и вы получите горячие точки, которые вы добавили для этой конкретной сцены.

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

Для хотспота сцены изначально вы получите следующие опции:

Идентификатор точки доступа:
Вы должны предоставить уникальный ID точки доступа для каждой точки доступа, которую вы создаете в сцене.

Pitch And Yaw:
Pitch и Yaw — это координаты, необходимые для определения точки, в которой будет размещена точка доступа.

Вы сможете получить их во время ознакомительного тура .

Ранее вы настроили сцену и нажали Preview. Предварительный тур все еще будет там.

Прокрутите вниз до Preview Tour и щелкните точку в туре, где вы хотите разместить Hotspot. Вы увидите, что координаты тангажа и рыскания появятся под туром предварительного просмотра.

Вы можете скопировать Pitch и Yaw и ввести их в нужные поля.

Или вы можете щелкнуть кнопку со стрелкой (рядом с координатами Pitch и Paw под предварительным просмотром Tour), чтобы автоматически собрать и поместить значения Pitch и Yaw в поля Pitch и Yaw для точки доступа.

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

Точка доступа Тип :
Доступны два типа точек доступа:

По умолчанию это « Информация », и вы увидите следующие поля:

• URL.
• Содержимое при нажатии.
• Контент при наведении.

URL-адрес:
Укажите URL-адрес веб-сайта, чтобы при нажатии на точку доступа вы попадали на этот веб-сайт на новой вкладке.

Контент по клику:
Здесь вы можете добавить контент в свою точку доступа, чтобы при нажатии на точку доступа отображалось всплывающее окно по туру с введенным вами контентом.(Вы можете использовать теги HTML, чтобы сделать его более привлекательным.)

Вот пример:

Вы также можете добавить изображения с помощью тега или добавить видео с помощью фрагмента видео

Шаг 1 : В своей учетной записи Veer* нажмите «Загрузить» и выберите «Интерактивный опыт».
*Создание учетной записи здесь бесплатно.

Шаг 1: нажмите «Загрузить», а затем «Создать интерактивный опыт». 360 фото

Пока загружается первая фотография, нажмите «Добавить сцену» в верхнем левом углу экрана редактирования, чтобы добавить больше 360 фотографий:

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

Горячие точки позволяют зрителю перейти к другой сцене. Для каждой точки доступа укажите сцену, с которой она связана.

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

Информационные карточки можно использовать для создания всплывающей ссылки, фотографии или текста для предоставления дополнительной информации.

Шаг 4 : Когда вы закончите добавлять горячие точки, звуки и карты, нажмите «Готово». На следующем экране дайте вашему туру название и описание. Вы также можете выбрать миниатюру, щелкнув поле миниатюры и выбрав нужную сцену и вид. Затем нажмите Опубликовать.

Шаг 4: добавьте заголовки, описание и миниатюру

Теперь вы можете поделиться своим виртуальным туром, отправив URL-адрес на Facebook (Facebook автоматически создаст миниатюру), электронное письмо или текстовое сообщение, либо нажав кнопку «Поделиться» и скопировав код вставки iframe для Ваш сайт.

Вот пример виртуального тура, который я сделал в туториале:

Кстати, фотографии для этого тура были сняты с помощью Panono (не Insta360 One).В туре есть пасхальное яйцо: 360-градусное видео с водной горки (снято на водонепроницаемую Xiaomi Mi Sphere).

Как отредактировать виртуальный тур

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

Нажмите «Редактировать», чтобы отредактировать виртуальный тур

Преимущества и недостатки

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

Кроме того, Veer добавил возможность добавлять звуковые клипы для повествования, а также фоновую музыку. Вы также можете создавать всплывающие окна с внешними ссылками, такими как ссылки на ваш магазин или партнерскую ссылку Amazon (вы видите потенциал продаж? Я вижу!). Также есть возможность создать слайд-шоу, в котором 360-градусная фотография будет автоматически меняться по истечении указанного вами времени. С возможностью фоновой музыки это почти  как видео 360.

Вир Опыт не идеален.Одним из ограничений является разрешение. Это позволило мне загружать фотографии 16K, но показывает их в более низком разрешении (я оцениваю 8K, но я узнаю). Также нет пакетной загрузки, поэтому вам нужно загружать фотографии по одной. К счастью, фотографии можно загружать одновременно (не дожидаясь завершения загрузки предыдущих фотографий). Другим недостатком является то, что загрузка тура занимает некоторое время. Некоторые пользователи также сообщают, что в браузере их смартфонов происходит сбой виртуальных туров Veer.

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

В чем подвох?

Один вопрос: действительно ли Veer Experience бесплатен? В прошлом были компании, которые предлагали бесплатные виртуальные туры, но затем период бета-тестирования закончился, и они начали взимать до 40 долларов в месяц.Я неоднократно спрашивал сотрудников Veer, и они снова и снова уверяли меня, что основные функции, которые я показал в видео, «бесплатны навсегда». В будущем появятся расширенные опции в виде платных обновлений, и они надеются, что вам понравится Veer Experience настолько, что вы заплатите за них, но вы можете придерживаться бесплатной базовой версии, если это все, что вам нужно.

Кстати, для полного раскрытия информации, Вир нанял меня для создания видеоурока, и они отслеживают переходы по ссылкам здесь. Честно говоря, я много работал, чтобы сделать это! Посмотрим, сможете ли вы определить, в какое время я работал над этим уроком.🙂  И, если вам интересно, ни одна компания не заплатила мне ничего за нашу поездку на Гавайи. Спасибо за использование ссылок для поддержки 360 Rumors, чтобы я мог провести для вас больше тестов и обзоров.

Похожие

Как создать бесплатный виртуальный тур

Как создать бесплатный виртуальный тур в 2020 году

Добро пожаловать в очередной блог Momentum Monday! Сегодня мы рассмотрим, как создать бесплатный виртуальный тур в 2020 году.

Чтобы получить наглядное представление о том, через что мы проходим в этом блоге, посмотрите наш видеоурок.Следите за нами в Facebook, Instagram и Twitter, а также подпишитесь на нас на YouTube, чтобы получать еженедельные советы, рекомендации и лайфхаки, которые помогут вам лучше оптимизировать свой бизнес.

Начало работы

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

Первый способ выполняется с помощью Google Street View.Google Street View — это приложение от Google, которое позволяет делать панорамные фотографии любого места на 360 градусов. Вы можете снять виртуальный тур по любой локации, будь то ваш дом, объект или офис.

Все, что вам нужно сделать, это загрузить приложение через Google Play или Apple Store. Используя приложение, вы можете делать панорамные фотографии 360 на свой телефон. Когда у вас есть 360 изображений, с помощью Google Tour Creator вы можете загрузить изображения и сделать предварительный просмотр виртуального тура.В результате получается карусель ваших панорамных фотографий.

Второй способ делается с помощью Matterport. Matterport — ведущий мировой поставщик программного обеспечения для виртуальных туров. Здесь, в Momentum, мы используем Matterport с самого начала. Вы можете начать работу с Matterport, создав бесплатную учетную запись. Создав учетную запись, вы готовы приступить к съемке виртуальных туров. Вы можете начать снимать виртуальные туры с помощью iPhone. Matterport также предлагает камеры высокого разрешения, специально предназначенные для съемки виртуальных туров.Начните работу с Matterport здесь.

Подпишитесь на наши блоги Momentum Monday, посвященные цифровому маркетингу, поисковой оптимизации и Google My Business.

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

Хорошего понедельника!

 

Как создать виртуальный тур с любой камерой 360

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

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

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

Видеогид

Я создал видео на основе этого поста на тот случай, если вы предпочитаете смотреть, а не читать.

Необходимое оборудование

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

Камера 360°

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

Я рекомендую камеру Ricoh Theta Z1, которая идеально подходит для съемки быстрых виртуальных туров в высочайшем качестве. Если вы выберете эту камеру, настоятельно рекомендуется также подписаться на Adobe Lightroom, поскольку камера имеет специальный плагин для этой программы, который обеспечивает очень эффективный рабочий процесс.

Купить на Amazon

Более дешевым вариантом является Insta360 One R, который также может снимать виртуальные туры отличного качества, но он не так впечатляет, как Z1.

Купить в Insta360

Обе эти камеры могут снимать полные 360-градусные изображения всего одним кадром и так же просты в использовании, как и любая другая цифровая камера. Вы можете увидеть полное сравнение всех 360 камер здесь.

Штатив/монопод

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

Эти типы штативов будут в основном скрыты от камеры, когда она снимает 360 изображений.

Программное обеспечение

Каждая камера 360 поставляется с собственным приложением для телефона и компьютера, загрузите оба.Это может быть все, что вам нужно с точки зрения программного обеспечения, однако, чтобы получить наилучшие изображения, я настоятельно рекомендую инвестировать в программу редактирования для настольных компьютеров, такую ​​​​как Adobe Lightroom.

Установка

Прикрепите камеру к штативу и разместите ее на среднем росте человека, около 1,7 м или 5 футов 8 дюймов. Убедитесь, что объективы камеры полностью чистые, используя салфетку из микрофибры, которая обычно входит в комплект вашей камеры 360°.

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

Настройки камеры: HDR vs RAW

Вам нужно зайти в настройки камеры и выбрать тип изображения, которое вы хотите сделать. Большинство 360 камер будут иметь возможность съемки в режиме HDR; вам нужно выбрать это, так как это значительно повышает качество вашего изображения, снимая 3 отдельных изображения и объединяя их вместе.

Другой вариант — выбрать режим RAW. Съемка в этом режиме позволяет получить изображение максимально возможного качества, однако требует редактирования в таких программах, как Adobe Lightroom и Photoshop.Я бы порекомендовал научиться это делать (это несложно), так как в результате получится виртуальный тур более высокого качества.

Преимущества HDR: автоматический, требует минимального редактирования

Преимущества RAW: высочайшее качество, меньше бликов, но требуется больше программного обеспечения светосила, ISO и экспозиция. Держите ISO на минимуме (100-200), чтобы избежать создания шумного изображения. Если вы обнаружите, что изображения слишком темные, уменьшите скорость затвора, если вы обнаружите, что изображения переэкспонированы, увеличьте скорость затвора.Экспериментируйте, пока не найдете оптимальную настройку.

Съемка

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

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

Повторяйте этот процесс до тех пор, пока не захватите каждую комнату или окружение, которое вам нужно.

Редактирование

Для изображений 360 требуется дополнительный шаг редактирования по сравнению с обычными изображениями, называемый сшивкой. Здесь изображения, снятые на каждый из объективов камер, сшиваются вместе, чтобы создать цельное 360-градусное изображение. Это делается с помощью камеры телефона или настольного приложения. Я предпочитаю использовать настольное приложение, так как с ним проще управлять изображениями.

Откройте настольное приложение камеры и перетащите в него изображения с камеры. Теперь вы сможете просматривать изображения в режиме 360°. Выберите все изображения и экспортируйте их в папку на рабочем столе. При экспорте программа сшивает их

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

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

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

. Если вы используете QooCam 8K, вам нужно загрузить две программы; Kandao Raw + и студия QooCam бесплатны. Перетащите 8 отдельных изображений, которые снимает QooCam 8K, в Kandao Raw+, и программа объединит их вместе в один jpeg. Теперь вы можете перетащить этот файл в студию QooCam, которая встроит его в ваше окончательное изображение 360°.

Создание тура

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

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

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

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

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

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

 

Парень 360

Владелец threesixtycameras.