Панорамы - фотографии с очень большим углом обзора (зачастую 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$

Общая информация

Здравствуйте.
Спасибо, что посетили мой сайт
СФЕРИЧЕСКИЕ ПАНОРАМЫ.

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

Фотоаппарат рекомендую беззеркальный Sony (кроп 1.5 или полнокадровый) - на сегодняшний день их матрицы лучшие (DxOMark , ). Обратите внимание на возможность управления через Wi-Fi.

Не экономьте на штативе. Он должен быть устойчивым - даже сдвиг на 1 пиксель не позволит качественно объединить кадры с разной экспозицией при HDR. Кроме этого, при съёмке широких и обзорных планов, штатив должен быть высоким - тогда перспектива отображается намного лучше. Вот пример моей панорамы, снятой с высоты 1.6 метра , и панорамы с сайта 360baikal.ru (Этагоров Баир), высота ~3-4 метра Иркутск, набережная .
И общий совет - если проект некоммерческий, "для души", то осваивайте Adobe Photoshop. Это главный инструмент для творчества, и позволит создать свой неповторимый почерк, свою "изюминку", то есть не банальную, никому не интересную реальность, а мир своей мечты. А так же сайт - это как "оправа" для панорам. Если публиковаться где попало - интерес может быстро угаснуть.


И, конечно, из того, что имею сейчас, пытаюсь выжать максимум - иначе не имеет смысла.

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



И в добрый путь!

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

Начав снимать и публиковать сферическое видео и сферическое фото , я столкнулся с тем, что многие люди не представляют, как это смотреть и, часто видят только превью, которые могут выглядеть довольно странно. например вот так (превьюшка слева). Человек смотрит на это произведение и думает — что же автор хотел этим сказать……. Большинство же ничего не думает, просто проскакивает мимо. Или, при обычном просмотре человек видит вот такой вариант. Видит его или в виде превью или в виде фото. При этом фото воспринимается просто как необычный или дефектный кадр. Аналогичная ситуация и с видео. Превью не просто не даёт представления о том, что вы можете увидеть, оно искажает и отталкивает человека от просмотра. Для этого и пришлось написать данную инструкцию. Надеюсь, что с ней вы откроете для себя новый мир виртуальных путешествий.

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

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

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

Теперь про просмотр сферического видео (360 видео ). Скорее всего вы будете смотреть сферическое видео на Ютубе. Если вы будете их смотреть на других специализированных сайтах, то там будут специальные инструкции.

А я расскажу про Ютуб. Помните, что в постах в соц сетях, вы увидите только превью, которое не отражает картины. Необходимо перейти на сам Ютуб. Там вы увидите сферическое видео , практически в таком же виде, как я встроил себе на сайт. Обратите внимание, что в левом верхнем углу видео есть серый кружочек со стрелочками. если вы его не видите, то это значит, что ваш браузер не поддерживает просмотр такого видео. В этом случае смените браузер или обновите его до последней версии. Добившись серого кружочка со стрелочками, вы можете крутить видео через нажатия на эти стрелочки или зажимая левую кнопку мыши и перемещая её. Обратите внимание, что в правом нижнем углу есть значок, который позволяет развернуть 360 видео во весь экран, что настоятельно рекомендую сделать.

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

Обратите внимание, что управление мышью здесь отсутствует. Поворот видео и просмотр его с разных сторон осуществляется перемещением мобильного устройства, как будто мы смотрим сквозь него. Обратите внимание на значок очков в правом нижнем углу. Просмотр такого видео через очки виртуальной реальности (VR) даёт эффект полного присутствия. Настоятельно рекомендую ими обзавестись, так как я теперь достаточно много из своих путешествий буду привозить сферического видео и сферического фото))). Заходите на мой блог и подписывайтесь на

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

Сегодня все чаще встречаются видеоролики с обзором в 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.

Приятного просмотра!

И другие форматы ушли в историю. Но прогресс не стоит на месте, и, после нескольких лет царствования, формат Флеш медленно, но уверенно стал терять свои позиции в пользу формата HTML5. В отличие от "флешевых", для просмотра панорам, построенных на технологии HTML5, не требуется установка плагина. Воспроизведение сферических панорам и виртуальных туров осуществляется полностью силами браузера. Сначала формат HTML5 использовался лишь для создания «дополнительных» вариантов сферических панорам для показа на мобильных устройствах (которые, в большинстве своем, не поддерживают формат Flash). При этом «основные» варианты панорам для показа на ПК по-прежнему делались во флеше, так как большинство десктопных браузеров не поддерживало формат HTML5. Сегодня, когда мобильные устройства стали неотъемлемой частью жизни огромного количества людей, стандарт HTML5 из разряда дополнительных опций перешел в категорию основных форматов, а неработающие на нем панорамы рискуют лишиться значительной части аудитории. Теперь, когда не только мобильные устройства, но и почти все современные десктопные браузеры поддерживают формат HTML5, в свою очередь, в историю должен уйти формат Flash. Тем не менее, флешевые панорамы не спешат уступить свое место на рынке форматов демонстрации виртуальных туров, и для этого имеется ряд причин. Во-первых, возможности авторинга туров в HTML5 все еще несколько ограничены по сравнению с потенциалом туров на Flash, во-вторых, не все браузеры умеют корректно отображать HTML5 панорамы или вовсе не поддерживают формат HTML5. Таким образом, оптимальным вариантом, позволяющим охватить максимальную аудиторию, является одновременное использование обоих форматов при создании панорамы и автоматическое определение нужного формата на стороне пользователя при просмотре панорамы. Если браузер пользователя не поддерживает флеш, тур откроется в формате HTML5 и наоборот. В случае, если браузер способен отобразить виртуальный тур, как в формате HTML5, так и в формате Flash, автоматически выбирается формат, заданный при создании как приоритетный. На мой взгляд, пока лучше отдавать предпочтение флешевому варианту, но в скором времени ситуация может кардинально измениться в сторону HTML5. Для сравнения качества воспроизведения, а также для определения возможности поддержки форматов Flash и HTML5 используемым Вами браузером, посмотрите примеры сферических 3D панорам, кликнув на соответствующей картинке:

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

-------------------

QuickTime

QuickTime – универсальный мультимедийный плеер от компании Apple. QuickTime первый (с 1995г.) позволил воспроизводить панорамы в формате QTVR (QuickTime Virtual Reality). Причем тогда формат QTVR поддерживал только цилиндрические панорамы. QuickTime также первым среди всех программ просмотра сферических 3D панорам и виртуальных туров, сделал возможным полноэкранный режим просмотра.

Квик тайм проигрывает или изображает и ряд других, не только мультимедийных, форматов, например MP3, GIF, TIFF, AAC, PSD и другие. Кроме того, QuickTime содержит плагин для просмотра видео в Интернет-браузере. А также Streaming Server, Broadcaster, новый H.264 кодек и много других полезных функций.

– QTVR- стандартный, общепринятый формат 3D сферических и
– установлен на 100% компьютеров Apple и более чем на 60% PC c операционной системой Windows
– высокое качество изображения, даже в режиме «на весь экран»
– возможность добавления в панораму «спрайтов» (анимация,всплывающие окна с текстом, звук и т.п.)
– большой размер плеера (21 МБ)
– некоторые фаерволы могут блокировать QuickTime
– несовместимость с Windows 64bit
– ограниченные возможности авторинга

DevalVR

DevalVR – однозначный лидер среди всех программ просмотра виртуальных 3D панорам, при сравнении по качеству визуального воспроизведения панорамного контента. DevalVR предназначен для просмотра виртуальных панорам в формате QTVR (QuickTime Virtual Reality). Deval VR предлагает почти идеальную плавность движения без пикселизации (артефактов). Еще одним достоинством плагина DevalVR является его малый размер (около 300 КБ), так что его загрузка - дело нескольких секунд.

– превосходная плавность просмотра даже полноэкранных 3d панорам
– малый размер плагина (~0.3 МБ)
– минимальные системные требования, не столь высокие, как, например, у и
–

не требует инсталляции
– только для windows
– мало распространен среди пользователей PC

Flash

Flash – это графическая программа компании Adobe (первоначальным разработчиком является компания Macromedia). Используется главным образом для создания интерактивных анимацией, презентаций и игр (в основном для Интернета). Flash использует собственный развитый программный язык ActionScript , позволяющий оперировать всем потенциалом интерактивной анимации и разрабатывать масштабные флэш- апликациии.

Adobe Flash Player - самый распространенный плагин (для всех операционных систем), умеющий воспроизводить интерактивные мультимедийные презентации, видео, графику, анимации и, конечно, виртуальные панорамы. Adobe Flash Player установлен на 99% компьютеров подключенных к сети Интернет. Именно массовая распространенность и почти неограниченные возможности Флэш-плеера являются главными преимуществами 3D сферических панорам и виртуальных туров, сделанных на технологии Flash. Сегодня Flash становится стандартным форматом презентаций, именно поэтому Flash можно назвать необходимым дополнением Интернет-браузера.

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

– самый перспективный формат
– панорамы на Flash имеют высокий шанс быть увиденными (Flash Player установлен на 99% компьютеров)
– мультиплатформость (Windows, Mac, Linux, Solaris)
–

малый размер (1.8 МБ)
– безопасный - разрешен большинством защитных систем
–
– высокие требования к графической карте, на «медленных компьютерах» прокрутка менее плавная, вероятно образование артефактов



Java

Java - это язык программирования, способный создавать различные аппликации (апплеты), включая апплеты для воспроизведения виртуальных панорам. Яву разработала компания Sun Microsystems, первоначально как средство для управления бытовой техникой. В чём специфичность языка Java? В первую очередь в его независимости от операционной системы. Это означает, что один и тот же код может работать на нескольких разных платформах. По существу Java - интерпретированный язык, следовательно, для запуска аппликации в языке Ява, необходимо иметь на своем компьютере интерпретатор этого языка - Java Runtime Environment (JRE). JRE установлен по умолчанию на 100% компьютеров Apple. Компьютеры с операционной системой Windows имеют JRE до версии XP SP1 включительно. При установке Win XP SP2 и выше, JRE надо установить уже дополнительно, т.к. Windows теперь считает его ненадежным и опасным.


Компания Microsoft предлагает для Windows свою виртуальную машину - Java Virtual Machine (JVM), способную запускать Java апплеты. Размер JVM по сравнению с JRE существенно меньше (~5 МБ против ~145 МБ). В прошлом самым важным недостатком Java – апплетов (например,