студия дизайна

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

Технология Mozilla Popcorn представляет собой библиотеку JavaScript-сценариев с собственным программным интерфейсом API, готовым к подключению сторонних модулей. Основой технологии является работа с элементами HTMLMediaElement – скрипт динамически меняет свойства таких элементов, которые используются для вывода видеопотока в формате HTML5 Video. Уже сейчас для Mozilla Popcorn предлагает готовые плагины для загрузки информации из таких веб-сервисов, как Твиттер, Фейсбук и различные картографические сервисы.

Для демонстрации возможностей Mozilla Popcorn авторы опубликовали в Сети специальную версию документального фильма «Миллионная башня» (One Millionth Tower) о высотном жилом здании и о том, как его жители представляют себе будущее. В этом ролике активно используются и другие технологии кроме Popcorn, в том числе аппаратное ускорение WebGL для некоторых 3D-элементов. Однако большинство самых заметных спецэффектов, вроде изменения условий сцены в фильме в соответствии с текущей погодой и временем дня в Торонто, где проходили съемки, созданы с помощью технологии Popcorn.

Например, если в Торонто идет снег в тот момент, когда вы смотрите фильм, то в виртуальном мире фильма снег тоже будет. В других эпизодах технология Popcorn загружает различную внешнюю информацию из сервисов Flickr, Википедия, Google Maps и Yahoo Weather. Фактически, с помощью технологии Popcorn к видеопотоку в формате HTML5 можно присоединить любой веб-сервис, снабженный интерфейсом API.

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

Кроме самого модуля Popcorn.js, существует инструментарий Popcorn Maker, который представляет собой веб-интерфейс для создания видеороликов с поддержкой технологии Popcorn. Popcorn Maker – это самый новый член семейства Popcorn и он пока не достиг версии 1.0. Назначение Popcorn Maker состоит в реализации элементов управления, знакомых по системам видеомонтажа. В основе Popcorn Maker лежит еще одна JavaScript-библиотека под названием Butter.js, которую можно использовать для добавления функций редактирования Popcorn-роликов в любые сторонние системы видеомонтажа. Стоит заметить, что пока никто из крупных производителей не сообщил о поддержке технологии Mozilla Popcorn в своих серийных продуктах.

Чтобы опробовать новую технологию на практике при создании собственных интерактивных фильмов, следует перейти на официальный сайт проекта MozillaPopcorn.org, загрузить исходный код, прочесть документацию, запустить необходимые плагины и, собственно, начать работу с Popcorn Maker. Также все небоходимые материалы доступны в системе GitHub для контроля версий открытого ПО.

По материалам сайта WebMonkey.