Что это такое и с чем его едят.Интерактивное видео-это не просто видео, которое можно смотреть, а видео, по которому можно кликать..как то взаимодействовать с ним. Для создания такого видео не требуется каких-то специальных навыков..достаточно лишь чувства вкуса или просто желания сделать что-то интересное. Заниматься созданием такого видео может как опытный пользователь ПК, так и начинающий. Особо полезным такой инструмент может быть для рекламодателей или же просто медиа-порталов.
В данной статье я расскажу о подобном сервисе.
Компания, занимающаяся разработкой такого видео называется Clickberry().
Для создания такого видео вам потребуется почтовый ящик для регистрации аккаунта, собственно само видео и редактор,который можно скачать . Готовое видео можно разместить на их же портале,своего сервера не потребуется. Но желающие могут разместить и у себя на сайте. Для скачивания доступен SDK плеера для просмотра такого видео. Такое видео также постится в социальных сетях и блогах. А также имеется редактор интерактивного видео для iPad со встроенным аплоадом на Facebook.
Вначале пример,а потом статья о том как это всё работает.
.
Присутствует логин через Facebook. Вообще авторизация необходима для создания и хранения виджетов для видео,но об этом чуть позже.
Логинимся в редакторе и добавляем видео со своего компьютера.
Наверху видим панель для размещения своих объектов.Слева панель виджетов.
Чтобы не впасть в ступор и не добавлять всё подряд-давайте вначале определимся с задачей и будем использовать возможности редактора непосредственно по нашим нуждам.
Что нам нужно:
приветственное сообщение
возможность оставить комментарий
проголосовать
перемещаться по видео в нужные нам места
показать рекламу
Загружайте ваше видео,при необходимости редактор сам его сконвертирует в flv. Я выбрал видео с животными.
Создаем OnTime Object, выбираем объект типа Popup.
Это объект,который появится в определенное время и исчезнет по истечении заданного интервала. Таким объектом может быть текст,изображение,html разметка или виджет. Давайте напишем приветствие и покажем смайлик.
Пишем текст прямо в окне редактора,вставляем изображение.(я взял такой url картинки http://cs9740.vkontakte.ru/u20871570/53411998/s_1e72231e.jpg)
Готово. Теперь растянем его на 7 секунд. Теперь при просмотре видео первые 7 секунд можно лицезреть приветственный текст.
Теперь комментарии к видео.Суть в том,что комментарии будут не на странице, под роликом, а в самом видео. В этом есть как плюсы,так и минусы. Плюс в том, что при просмотре видео пользователь обязательно увидит комментарии к нему и сможет легко оставить свой. Минус-это невозможность поисковых систем проиндексировать такое содержимое,но это не критично.
Жмём на виджет комментариев,видим один тестовый виджет, созданный для вас системой. Можем использовать его,а можем и создать новый. Жмём Add и вписываем информацию о виджете.
Сделали.
Аналогично создаем виджет типа Poll, предназначенный для голосования.
И для показа рекламы сделаем виджет типа Image.
Теперь почти всё готово для создания интерактива.
Форму комментариев будем показывать втечении всего видео, начиная с 5 секунды и доконца. Для этого создадим OnTime Object и выберем тип Sidebar.
Далее жмем на заначек виджета комментариев.Открывается список виджетов этого типа.Двойной клик по созданному нами виджету,или можно просто перетянуть его в область редактирования Sidebar`а.
Получится вот так.
Я намеренно снял галочку напротив "Show close button".Теперь пользователь не сможет закрыть данный объект,а только свернуть его.
Жмем ОК и как в первый раз-растягиваем объект на всю длину видео.
Теперь возможность проголосовать. Сделаем её необязательной-пусть пользователь сам нажмет на так называемый маркер и у него появится форма голосования.
Создадим Rectangle.Выделаем область на экране,по которой нужно будет кликнуть.Затем выбираем Interaction и потом выбираем Popup.
Аналогично перетягиваем в редактор виджет опросника.Не забываем растянуть объект по временной шкале.
Теперь проматываем некоторый участок видео.Нажимаем на Jump и растягиваем прыжок с 20 по 25 секунды.Теперь этот участок видео пользователь не увидит.
Ну и открутка рекламы. Добавим OnTime Object типа Image.В Content type выберем Widget.Потом жмем кнопку Widgets... и выбираем наш виджет с рекламой.Убираем кнопку закрытия попапа и растягиваем объект на нужный нам интервал.
Теперь можно нажать Preview и посмотреть как будет работать весь этот интерактив.
Если всё ок-жмем на Upload и аплоадим видео в Online Storage.Через несколько минут оно появится на портале , редактор также даст ссылку на страницу с видео. На ней можно посмотреть свой проект и получить Embed код для размещения на своем сайте. На портале также доступна подробная статистика по всем вашим проектам,есть возможность управлять виджетами и самими проектами.
В следующей статье я расскажу более подробно о виджетах и прочих возможностях редактора.
Пример в начале статьи.
.
Присутствует логин через Facebook. Вообще авторизация необходима для создания и хранения виджетов для видео,но об этом чуть позже.
Логинимся в редакторе и добавляем видео со своего компьютера.
Наверху видим панель для размещения своих объектов.Слева панель виджетов.
Чтобы не впасть в ступор и не добавлять всё подряд-давайте вначале определимся с задачей и будем использовать возможности редактора непосредственно по нашим нуждам.
Что нам нужно:
Это объект,который появится в определенное время и исчезнет по истечении заданного интервала. Таким объектом может быть текст,изображение,html разметка или виджет. Давайте напишем приветствие и покажем смайлик.
Пишем текст прямо в окне редактора,вставляем изображение.(я взял такой url картинки http://cs9740.vkontakte.ru/u20871570/53411998/s_1e72231e.jpg)
Готово. Теперь растянем его на 7 секунд. Теперь при просмотре видео первые 7 секунд можно лицезреть приветственный текст.
Теперь комментарии к видео.Суть в том,что комментарии будут не на странице, под роликом, а в самом видео. В этом есть как плюсы,так и минусы. Плюс в том, что при просмотре видео пользователь обязательно увидит комментарии к нему и сможет легко оставить свой. Минус-это невозможность поисковых систем проиндексировать такое содержимое,но это не критично.
Жмём на виджет комментариев,видим один тестовый виджет, созданный для вас системой. Можем использовать его,а можем и создать новый. Жмём Add и вписываем информацию о виджете.
Сделали.
Аналогично создаем виджет типа Poll, предназначенный для голосования.
И для показа рекламы сделаем виджет типа Image.
Теперь почти всё готово для создания интерактива.
Форму комментариев будем показывать втечении всего видео, начиная с 5 секунды и доконца. Для этого создадим OnTime Object и выберем тип Sidebar.
Далее жмем на заначек виджета комментариев.Открывается список виджетов этого типа.Двойной клик по созданному нами виджету,или можно просто перетянуть его в область редактирования Sidebar`а.
Получится вот так.
Я намеренно снял галочку напротив "Show close button".Теперь пользователь не сможет закрыть данный объект,а только свернуть его.
Жмем ОК и как в первый раз-растягиваем объект на всю длину видео.
Теперь возможность проголосовать. Сделаем её необязательной-пусть пользователь сам нажмет на так называемый маркер и у него появится форма голосования.
Создадим Rectangle.Выделаем область на экране,по которой нужно будет кликнуть.Затем выбираем Interaction и потом выбираем Popup.
Аналогично перетягиваем в редактор виджет опросника.Не забываем растянуть объект по временной шкале.
Теперь проматываем некоторый участок видео.Нажимаем на Jump и растягиваем прыжок с 20 по 25 секунды.Теперь этот участок видео пользователь не увидит.
Ну и открутка рекламы. Добавим OnTime Object типа Image.В Content type выберем Widget.Потом жмем кнопку Widgets... и выбираем наш виджет с рекламой.Убираем кнопку закрытия попапа и растягиваем объект на нужный нам интервал.
Теперь можно нажать Preview и посмотреть как будет работать весь этот интерактив.
Если всё ок-жмем на Upload и аплоадим видео в Online Storage.Через несколько минут оно появится на портале , редактор также даст ссылку на страницу с видео. На ней можно посмотреть свой проект и получить Embed код для размещения на своем сайте. На портале также доступна подробная статистика по всем вашим проектам,есть возможность управлять виджетами и самими проектами.
В следующей статье я расскажу более подробно о виджетах и прочих возможностях редактора.
Пример в начале статьи.