Панорамное фото — просматриваем правильно и с наслаждением. Форматы панорам
Оглядываясь вокруг, мы оцениваем пространство визуально - в голове складывается сферический образ. Делая фотографии с этого же места, вращаясь и наклоняясь, мы запечатлеем образ в виде набора фотографий. Представим себе, что мы внутри сферы и обклеиваем ее этими фотографиями одна к одной - в итоге мы смоделируем то место, где стояли. Находясь в центре этой сферы и оглядываясь мы будем видеть ту же самую картину.
Как просматривать панорамы?
Для просмотра сферических панорам на компьютере разработаны программы, которые имитируют наш взгляд из центра сферы на внутреннюю часть которой "натянуто" сферическое изображение. Визуализация сферических проекций в этих программах называется сферической панорамой или виртуальной панорамой или 3D панорамой.
Виртуальный тур и управление.
Сборка нескольких панорам, соединенных между собой точками переходов, называется виртуальным туром. Обычно точки перехода выглядят как стрелки, или полигоны (плоские геометрические фигуры, например прозрачный прямоугольник на дверном проеме, реагирующий на наведение мышки). При наведении на точки (полигоны)они могут менять цвет, размер, показывать подсказки и т.д. По щелчку на точке происходит смена панорамы. В окне просмотра присутствует панель управления панорамой, которая имеет кнопки вращения панорамой влево, вправо, вверх, вниз, включение-выключение полного экрана, показать-скрыть миниатюры панорам. В стандартном исполнении виртуальный тур имеет несколько вариантов дизайна кнопок управления. По желанию - есть возможность создавать и внедрять свой дизайн управления и добавлять элементы управления с новыми функциями.
Наполнение виртуального тура.
Для того, что-бы виртуальный тур был информативен, привлекателен, интересен, его наполняют фотографиями, картами, планами, текстовой
информацией, аудио и видео блоками. Размещают логотипы и ссылки. Все перечисленное может быть интерактивным, т.е. реагировать на какие либо действия. Например,
при щелчке в списке помещений по названию помещения - открывается панорама этого места, выводится план соответствующего этажа на котором подсвечивается место
просмотра и конусом обозначается направление просмотра, в списке выделяется зеленым цветом название помещения и выделяется номер этажа. Для удобного просмотра
можно свернуть списки и планы.
Можно открыть гугл карту прямо внутри тура, на которой будет отмечено месторасположение объекта.
Можно создать галерею или несколько галерей фотографий , актуально для выставок и музеев.
Открыть в окне тура внешнюю ссылку.
КАК СОЗДАЮТ СФЕРИЧЕСКИЕ ПАНОРАМЫ?
Оборудование для съемки панорам.
Для получения качественных сферических панорам необходимо производить съемку со штатива используя панорамную головку и зеркальный фотоаппарат с широкоугольным объективом. Это особенно важно при съемке внутри помещений. Перед началом работ желательно убрать то, что не должно попасть в кадр, расставить предметы, позаботиться о хорошем освещении и т.д. Съемку лучше производить когда помещение посещает минимальное количество людей. После того как все подготовлено и выбрана точка съемки, устанавливается штатив, настраивается панорамная головка и фотоаппарат. Съемка должна производиться в полностью ручном режиме и в формате RAF для бОльших возможностей последующей обработки.
Обработка отснятого материала.
Отснятые материалы обрабатываются в фоторедакторах - производится цветокоррекция, редактируются светлые и темные участки, контраст, резкозть и т.д. При необходимости удаляются дефекты помещения. Очень важно сделать правильную обработку для последующей сборки фотографий в панораму. Сборка в сферическую проекцию производится с помощью специально разработанных для этого программ. Качество сборки сильно зависит от правильно подобранных настроек и метода съемки на месте. Получившиеся сферические проекции загружаются в программу для создания виртуальных туров. В ней настраиватся интерфейс управления, делаются точки переходов между панорамами, тур наполняется дополительными опциями, такими как интерактивные карты, планы помещений с радарами, текстовые, видео, аудио блоки, инфо точки и т.д. Далее в этой программе генерируется пакет файлов, которй в дальнейшем уже можно встраивать в сайт и смотреть виртуальный тур на компьютере.
ПЛЕЕР ДЛЯ ПРОСМОТРА СФЕРИЧЕСКИХ ПАНОРАМ
Flash Player
До недавнего времени самым популярным плеером для просмотра сферических панорам был Flash Player компании Adobe. Чтобы просматривать панорамы этим плеером, его необходимо установить на компьютере. На сегодня этот формат считается устаревшим и на смену ему приходит формат НТМL5.
НТМL.5
Основное преимущество НТМL.5 от Flash Player в том, что он не требует установки и позволяет просматривать панорамы средствами браузера не только на настольном компьютере, но и на мобильных устройствах типа смартфонов и планшетов. Минус НТМL.5 в том, что некоторые браузеры не поддерживают этот формат, но учитывая его популярность этот недостаток скорее всего исчезнет уже в ближайщем будущем. Тот софт, с которым мы работаем, позволяет генерировать файлы пригодные для просмотра как с помощью Flash Player, так и в формате НТМL.5, причем выбор происходит автоматически. Так же большим плюсом считается то, что при просмотре панорамы она не загружается полностью на устройство, а подгружается небольшими, предварительно нарезанными, файлами. Это обеспечивает комфортный просмотр «без тормозов» даже через мобильный интернет (похожая технология применена при просмотре карт гугл).
У Google есть собственный панорамный движок. Google позволяет загружать панорамы на Google Maps, привязывать их к местности и создовать переходы между панорамами. Просматривая карту гугл вы можете видеть где находятся сферические панорамы. Панораму с Google можно встроить на сайт в виде окна, как в примере ниже.
Сегодня все чаще встречаются видеоролики с обзором в 360 градусов, такое панорамное видео можно смотреть уже и на онлайн. А как посмотреть сферический ролик локально без подключения к интернету? Существует несколько видеоплееров разработанных специально для просмотра видео на 360 градусов, в этой стать постараемся определить лучшее приложение для этих целей.
Первым нам попалось приложение VideoStitch Player 360 от разработчика софта для склейки панорамного видео, программа абсолютно бесплатна, скачать ее можно на . VideoStitch Player 360 радует своей простотой и наглядность, для того, чтобы открыть видеофайл достаточно перетащить ролик в окно плеера или воспользоваться стандартным меню «File»:
Как говорится: «Простенько и со вкусом», в приложении нет ничего лишнего, но есть некоторые моменты, которых явно не хватает. Первое на что обращаешь внимание – это отсутствие кнопки «пауза», конечно можно воспользоваться кнопкой пробел, но все же как-то странно. И еще, в плеере нет регулировки уровня звука, т.е. его можно только отключить, а если нужно сделать тише/громче, тогда только системно.
В VideoStitch Player 360 есть два режима просмотра: обычный (simple) для просмотра на мониторе компьютера и Oculus Rift для счастливых обладателей одноименного шлема виртуальной реальности. Поддержка Oculus Rift в плеере очень радует, т.к. его популярность набирает обороты. Приложение работает хорошо, панорама вращается плавно, кстати, на ПК ракурс перемещается только курсором мыши, клавиши-стрелки тут бессильны, в случае Oculus Rift направление взгляда меняется поворотом головы. Приблизить и отдалить кадр можно с помощью колесика мыши, что очень удобно, да и в общем плеер классный хоть и с небольшими недочетами, к которым быстро привыкаешь.
Еще один плеер - KolorEyes от компании Kolor, разработавшей целую серию софта для склейки панорамных фотографий и видео и для создания виртуальных туров. Это приложение тоже является бесплатным, ищем его на сайте .
KolorEyes имеет нестандартный вид, но разобраться можно:
Самый простой способ открыть файл – это перетащить его в окно просмотра, или же пройти menu>Open File/Stream, здесь же можно открыть ссылку для просмотра онлайн.
По качеству воспроизведения KolorEyes схож с предыдущим плеером - никаких нареканий нет, панорамное видео воспроизводится на ПК и Oculus Rift, сфера так же вращается мышкой, а угол обзора можно изменить колесиком. На этом сходства обоих приложений заканчиваются, далее KolorEyes открывается с более лучшей стороны.
Помимо управления мышью, KolorEyes совместим с , устройством управления жестами, которое подключается к ПК и дает дополнительные возможности, особенно совместно со шлемом виртуальной реалности:
В KolorEyes есть несколько цветовых эффектов, польза от них сомнительная, но, все же, может кому-то пригодится. Еще здесь (Menu>View Projection) можно изменить панорамную проекцию, что в некоторых случаях бывает полезным, а иногда просто забавным, как в случае с проекцией «Little Planet», когда панораму можно свернуть так, что она превратится в маленькую планету.
Но самой интересной функцией является выбор стереоскопического режима и это на самом деле шаг вперед. Да, видео на 360 градусов может быть еще и стереоскопическим, а KolorEyes позволяет выбрать тип стереопары, чтобы правильно вывести 3D изображение на экран, конечно, для этого сам видеофайл должен быть снять в стереоскопическом режиме. Таким образом, KolorEyes позволяет воспроизвести панорамное видео в стере режиме на 3D мониторе или на 3D телевизоре, если тв подключить к компьютеру.
Приятным бонусом от компании Kolor является мобильное приложение для воспроизведения видеопанорам, оно совместимо как с Android, так с iOs:
Установив программу в свой смартфон, вы сможете просматривать опубликованные панорамные видео онлай или открывать 360 ролики локально из памяти мобильного гаджета.
Все перечисленные преимущества делают KolorEyes более интересным плеером для воспроизведения видео на 360 градусов. Конечно, есть и другие приложения, которые не упомянуты в этой статье, но их возможности несоизмеримо малы, чаще всего они имеют проблемы при воспроизведении 3D видео на компьютере или вовсе предназначены исключительно для Oculus Ruft.
Приятного просмотра!
Панорамы - фотографии с очень большим углом обзора (зачастую 360°), которые сделанны при помощи специального оборудования или же обычного фотоаппарата и специального программного обеспечения, обеспечивающее бесшовную склейку отдельных кадров.
Специальные программы позволяют просматривать отдельные участки такой фотографии. Пользователь сам выбирает интересующий его фрагмент при помощи манипуляций мышью. При этом достигается эффект присутствия, как-будто пользователь стоит в месте съемки и самостоятельно поворачивается в разные стороны.
Программное обеспечение для создания подобных изображений - тема отдельного разговора. Здесь же мы рассмотрим , которые позволяют организовать просмотр панорамных изображений непосредственно в браузере.
Все перечисленные плагины используют библиотеку jQuery, легко встраиваются в страницы сайта и имеют множество интересных и уникальных функций.
Paver
Автор этого плагина честно признается, что подсмотрел идею в одном экспериментальном приложении Facebook. Зато теперь мы имеем бесплатную версию с доступным на GitHub исходным кодом. Как и многие плагины, участвующие в этом обзоре, он построен на jQuery и позволяет удобно просматривать широкоформатные на странице сайта .Стоимость: Бесплатно
WebGL Based Multi-Purpose 360°
Мощный премиум jQuery плагин для создания интерактивных панорам . Поддерживает метки на панораме. С их помощью можно отмечать людей или предметы. Также есть поддержка «маршрутов» как у Google Street View . То есть можно путешествовать по локации. В отличии от остальных плагинов из этой подборки, есть возможность просматривать панораму как по горизонтали, так и по вертикали . По сути - это полноценный 3D-тур .Стоимость: 10$
iPanorama 360°
Легкий, но многофункциональный плагин, созданный с использованием библиотек jQuery и Three.js . Одной из его замечательных особенностей - возможность указывать на фотографиях так называемые «горячие точки», нажатие на которые приводит к отображению какой-нибудь информации или переходу от одной сцены к другой, создавая, таким образом, виртуальные туры .Стоимость: $8
jQuery Panorama Viewer
Еще один jQuery плагин для интерактивного просмотра панорамных фотографий . Обладает стандартной в таких случаях функциональностью, использует цилиндрическую проекцию (возможен поворот только вправо-влево). Тестировался во многих современных браузерах (Chrome, Firefox, Safari), однако автор признается, что не проверял его работоспособность в Internet Explorer.Стоимость: Бесплатно
360° Panoramic Viewer
360° Panoramic Viewer также поддерживает мобильные устройства и управление жестами . Имеется возможность управления «горячими точками» для отображения информации или перехода между панорамами.Стоимость: $8
Panoramic - Street View Rotator
C помощью этого jQuery плагина можно выводить у себя на сайте панорамы Google Street View. Работает по API Google.Стоимость: 11$
True Panorama
True Panorama - простой в использовании и легкий в интегрировании плагин, обладающий адаптивным интерфейсом и полной поддержкой мобильных устройств, включая управление жестами на тач-скринах.Стоимость: 8$
У них много названий.
Всё это интерактивные видеоролики, где вы можете управлять ракурсом, то есть во время просмотра направлять камеру в любую сторону. Вы как бы оказываетесь в центре событий и можете поворачиваясь, смотреть вокруг, как и в жизни. Только в жизни вы крутитесь сами, а здесь вы вращаете мир вокруг себя. А ещё есть и такие же фото .
Начав снимать и публиковать сферическое видео
и сферическое фото
, я столкнулся с тем, что многие люди не представляют, как это смотреть и, часто видят только превью, которые могут выглядеть довольно странно. например вот так (превьюшка слева). Человек смотрит на это произведение и думает — что же автор хотел этим сказать……. Большинство же ничего не думает, просто проскакивает мимо. Или, при обычном просмотре человек видит вот такой вариант
. Видит его или в виде превью или в виде фото. При этом фото воспринимается просто как необычный или дефектный кадр. Аналогичная ситуация и с видео. Превью не просто не даёт представления о том, что вы можете увидеть, оно искажает и отталкивает человека от просмотра. Для этого и пришлось написать данную инструкцию. Надеюсь, что с ней вы откроете для себя новый мир виртуальных путешествий.
Сначала начнём с просмотра сферических фото панорам . Для полноценного их просмотра вам необходимо либо перейти на специальные сайты, где есть программное обеспечение для их просмотра. Там, как правило, их и размещают. При этом вы увидите примерно такое. Я встроил такое фото на свой сайт, чтобы вы могли потренироваться. Наведите на фото курсор мыши, зажмите левую кнопку мыши и попробуйте повращать фото, посмотрев на окружающий мир, управляя им.
Теперь, когда вы умеете смотреть фото 360
, зайдите на специальный сайт, где они лежат. Там вы увидите превью. кликните на них 
и посмотрите сферические фото панорамы
. найдите на фото кнопочку, которая позволит раскрыть фото во весь экран. так эффект от просмотра. С мобильных устройств просмотр аналогичен, через эти же сайты. При этом вам будет предложено установить специальные программы, без которых это будет невозможно.
Про просмотр ваших собственных сферических фотопанорам писать не буду, так, как к тому времени, когда вы научитесь их делать сами, вы уже подберёте себе программу для их просмотра.
Теперь про просмотр сферического видео (360 видео ). Скорее всего вы будете смотреть сферическое видео на Ютубе. Если вы будете их смотреть на других специализированных сайтах, то там будут специальные инструкции.
А я расскажу про Ютуб. Помните, что в постах в соц сетях, вы увидите только превью, которое не отражает картины. Необходимо перейти на сам Ютуб. Там вы увидите сферическое видео , практически в таком же виде, как я встроил себе на сайт. Обратите внимание, что в левом верхнем углу видео есть серый кружочек со стрелочками. если вы его не видите, то это значит, что ваш браузер не поддерживает просмотр такого видео. В этом случае смените браузер или обновите его до последней версии. Добившись серого кружочка со стрелочками, вы можете крутить видео через нажатия на эти стрелочки или зажимая левую кнопку мыши и перемещая её. Обратите внимание, что в правом нижнем углу есть значок, который позволяет развернуть 360 видео во весь экран, что настоятельно рекомендую сделать.
Если вы смотрите сферическое видео с мобильного устройства, то настоятельно рекомендую делать это не через браузер, а через специальное мобильное приложение от Ютуба. Остальные варианты будут требовать длительных шаманских танцев с бубном.
Обратите внимание, что управление мышью здесь отсутствует. Поворот видео и просмотр его с разных сторон осуществляется перемещением мобильного устройства, как будто мы смотрим сквозь него. Обратите внимание на значок очков в правом нижнем углу. Просмотр такого видео через очки виртуальной реальности (VR) даёт эффект полного присутствия. Настоятельно рекомендую ими обзавестись, так как я теперь достаточно много из своих путешествий буду привозить сферического видео и сферического фото))). Заходите на мой блог и подписывайтесь на
А то фото, которое вы видели на заставке этой статьи получается путём трансформации сферического видео и носит название «маленькая планета». Тоже прикольно и не требует специальных приёмов для просмотра.
Здравствуйте. Помните я Вам рассказывал, как сделать панорамное фото самостоятельно , легко и быстро? Так вот, я упустил один очень важный момент. Дело в том, что если Вы будете просматривать панораму в обычном просмотрщике изображений, то получите скукоженное, кривое представление картинки.
Для того, чтоб насладиться всем великолепием панорамного фото в полной мере, на весь экран, с музыкой и на все 360 градусов Вам понадобится специальная, маленькая, бесплатная программка-просмотрщик панорамных изображений WPanorama .
Дочитав этот материал до конца Вы сможете по настоящему окунуться в мир фантастической магии панорам. И «зависнуть» в нём на пару часов.
Для начала, всем, у кого включена «резалка» рекламы Адблок и ей подобные очень советую отключить временно и перезагрузить эту страницу — она должна выглядеть так…
Переключили? Нажали «Start» ?…
(Прошло три часа…)
С возвращением Вас, правда потрясающие панорамы? Давайте вернёмся к нашей программе WPanorama .
Итак, программа эта не русифицирована, но нам это не страшно — я всё покажу и расскажу. Уже через несколько минут Вы сможете наслаждаться просмотром любых панорамных фото. А ещё в ней есть возможность устанавливать эти изображения на заставку компьютера, но обо всём по порядку.
По уже сложившейся традиции этого сайта — даю ссылки на обычную программу и на портабельную, не требующую установки.
Скачать WPanorama: 6.9 Мб
Вложил в этот архив пару панорам для примера. В сети их море — наберите в поисковике «панорама скачать» и будет Вам счастье.
Скачать WPanorama Portable: 5.2 Мб
Устанавливаем…
Это нас спросили «такой папки нет — создать?»
Получили установленную программу. Теперь посмотрим, что тут и как…
Расскажу про действительно нужные нам органы управления в программе.
Указываем, откуда взять и показать нам панораму. Это же можно сделать кликнув…
Вторым пунктом меню идут настройки заставки-панорамы…
Первая строка — сами настройки, вторая — предпросмотр заставки.
Из всего этого ужаса нам важны только настройки скорости и направление движения панорамы.
Если хотите получить несколько изображений, чередующихся, то создайте лист заставок в который и добавьте все свои панорамы.
Его Вы сможете открыть в любой момент с помощью…
Если поставить эту галочку, то просмотрщик будет сразу запускаться на весь экран. Вернуть его в нормальный вид можно нажав на клавиатуре кнопку Esc.
А кликнув по этой строке Вы скроете дополнительную панель…
…к описанию которой и переходим.
Это три кнопки, которые действительно можно использовать, остальные — бред. Просмотр на весь экран, просмотр во всё окно программы и собственно, под свою музыку, назначенную при нажатии на динамик.
И основные управляющие элементы программы.
