Новая жизнь сферических панорам: из 3D в VR

Сферические панорамы (виртуальные 3D туры) стали чуть ли не обязательным атрибутом сайтов: все хотят показать своим посетителям свои витрины, свои офисы и кабинеты, свой товар, территорию и т.д.

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

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

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

Но технологии не стоят на месте! Что делать с вашей 3D панорамой на сайте (кроме как добавления на сайт и в Google maps)? Давайте "оживим" такие панорамы и перенесем их в виртуальную реальность! Саму панораму при этом переснимать нет необходимости.

Пара слов о виртуальной реальности

Виртуальная реальность (virtual reality, VR) уже стала реальностью: при использовании специальных гарнитур (например Google Cardboard) можно смотреть панорамный контент и играть в игры. В такой виртуальной реальности вы находитесь в центре события, можете смотреть вокруг себя, вверх, вниз.

О том, что данная область сильно развивается, свидетельствует ряд очевидных фактов: появление на рынке специальных устройств для съемок и воспроизведения VR-контента, сильный рост специализированного ПО (можно проследить лишь для линейки Android), поддержка VR-контента на Youtube (боюсь ошибиться, но вроде с марта 2015 года) и даже FaceBook.

Таким образом, если 360° видео поддерживается на Youtube и FaceBook почему не воспользоваться этой возможностью и не вдохнуть новую жизнь в свою 3D панораму?

Конвертируем фотопанораму в виртуальную реальность

Для конвертации 3D панорамы в VR-контент для Youtube и FaceBook, нам потребуется:

  • сферическая панорама (фотография вашей панорамы, обычно в jpg);
  • видеоредактор (Pinnacle Studio или любой бесплатный аналог);
  • приложение "360 Video Metadata" (программа для записи метаданных в видеофайл, без них VR панорама работать не будет) - ссылка на программу будет ниже;

Подготавливаем сферическую панораму

Достаем свою сферическую панораму. Это одна цельная фотографию из вашего 3D тура (как правило в формате jpg). Если у вас нет цельного файла панорамы (в зависимости от используемого ПО, ваш 3D тур может состоять из отдельных фрагментов фотографии), вам придется "сшить" панораму из этих лоскутков (можно программой Image Composite Editor от Microsoft). У вас должна получится одна фотография, где края сшиваются (являются продолжением один другого). Пример:

сферическая панорама
Пример фотографии сферической панорамы

Конвертируем в видеофайл  MPEG-4

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

Редактируем панораму в видеоредакторе
Редактируем панораму в видеоредакторе

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

Сохраняем фильм в формате MPEG-4, разрешение ставим максимальное поддерживаемое редактором (очень часто это 4K - 3656 × 2664 или 4096 × 3072 (полнокадровый 4K). На выходе получаем какой-нибудь moy_film.mp4 (названием фильма сохраняем именно английскими буквами, так как на следующем этапе возникнут ошибки).

Прописываем метатеги 360° видео

Перед тем как загрузить видеофайл на Youtube или FaceBook, мы должны сообщить им, что это необычное видео, а сферическое (содержит VR-контент). Это делается специальными метатегами, которые нужно вставить в видеофайл. Сделать это можно программой "360 Video Metadata" (качаем для Mac или Windows).

Скачиваем программу, разархивируем, запускаем Spatial Media Metadata Injector.exe

Spatial Media Metadata Injector

Нажмите Open - выберите свой видеофайл (в нашем примере: moy_film.mp4)
Поставьте флажок только на первом пункте (My video is spherical 360)

Нажмите "Inject metadata", вам предложит сохранить файл в той же папке как moy_film_injected.mp4.
Сохраните файл. moy_film_injected.mp4 - это и есть ваш видеофайл, который можно грузить на Youtube или FaceBook.

Загрузка VR-контента на Youtube или FaceBook

Видео, подготовленное подобным образом, можно грузить на Youtube или FaceBook как обычный видеоролик. Внимание: никаких дополнительных опций при загрузке или редактировании видео указывать не надо. Вы уже все прописали программой  "360 Video Metadata". Дождитесь полной загрузки видеоролика и его обработки (потребуется некоторое время). Результатом вашей успешной работы будут стрелки навигации на видеоролике в верхнем левом углу, а само видео сможете вращать как и обычную панораму (если смотреть с обычного браузера). Пример VR-панорамы (сделан для стоматологической клиники ЮлиСТОМ в Санкт-Петербурге):

Собственно и все! Мы только что сделали из обычной фотопанорамы VR-панораму для виртуальной реальности (подойдет для загрузки на Youtube или FaceBook) . Те пользователи интернета, у которых есть возможность погрузиться в этот виртуальный мир смогут по настоящему очутиться в центре этой панорамы и осмотреться вокруг!

Оцените материал:
Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (11 голоса, рейтинг: 4,36 из 5)
Загрузка...

Вячеслав - типичный интернетчикВячеслав Скоблей (ака files) - типичный интернетчик. Скитаюсь интернетом, пишу на PHP, увлекаюсь созданием веб-сайтов на Wordpress, решаю многочисленные проблемы, которые до появления интернета не существовали...

Специализируюсь на безопасности сайтов: защищаю сайты от атак и взломов, занимаюсь лечением вирусов на сайтах и профилактикой...

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

18 комментарий

  1. Станислав says:

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

    1. Вячеслав Скоблей says:

      Можно сложить и две и три, как последовательные кадры, они будут в одном ролике, но не с интерактивными переходами между ними (как в обычных панорамных 3D турах). Пример:

  2. Сергей says:

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

    Что, на ютубе изменился подход к размещению фотопанорам? Не могу понять, в чем дело.

    1. Вячеслав Скоблей says:

      Сергей, прописываете метаданные программой "360 Video Metadata" (как и указано в статье)?

      1. Сергей says:

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

  3. Саша says:

    программа не сапускается (((

  4. Виктор says:

    Способ- просто супер. Понравилось.
    Правда не совсем довел до ума с черными полями, поэтому внизу панорамки есть "глаз бездны" )))
    Так и не нашел в Пиннакле 19, как растянуть границы без сохранения соотношений сторон.

    1. Виктор says:

    2. Вячеслав Скоблей says:

      Виктор, вот тут есть инструкция как избежать "глаза бездны".
      P.S. И музычку бы, ведь немое кино, что журнал без картинок :)

      1. Виктор says:

        та и делал, но зона кропирования перемещается по изображению согласно своим привязкам (длина к ширине) и если убираю черные полосы снизу и сверху, то обрезает часть изображения по бокам. Тогда сошьется некорректно. Но буду еще пробовать, может доберусь до истины ))
        Ps / Мазычку- да, возможно нужно.

  5. Виталий says:

    Но ведь подгон изображения под размер проигрывателя Youtube (1.77:1) исказит пропорции панорамы, которая 360х180 градусов, т.е. 2:1. Можно ли найти какой-то способ устранить эти черные пятна без обрезки по горизонтали и растягивания по вертикали?

    1. Вячеслав Скоблей says:

      Вы заметили сильное искажение изображения на приведенных здесь примерах?

      1. Виталий says:

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

        1. Вячеслав Скоблей says:

          Нет, не получится. Экран должен быть заполнен!

  6. Андрей says:

    Вячеслав, спасибо большое :) все получилось :)

    хорошей Вам пятницы :)

    1. Вячеслав Скоблей says:

      Андрей, мои поздравления! А про 4k забыли? У вас не максимальное разрешение, отчего качество картинки не очень :(

  7. Андрей says:

    День добрый, Вячеслав! :)
    Можете пожалуйста более точнее подсказать как устранить "используя тонкие настройки видеоэффектов в настройках видеоредактора, эти черные зоны (растянуть изображение на полный экран)"
    Как это сделать? Где выбрать соотношение сторон 2:1? У меня панорама 6000x3000? Как ее конвертировать опишите пожалуйста более детальней, чтобы получился результат

    1. Вячеслав Скоблей says:

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *