8(499) 978-11-17
 

Создание интерактивного видео с помощью iVideo Editor

Шаг 1: Создание нового проекта

Чтобы создать новый проект, достаточно запустить программу.


Программа запущена – проект создан.


Шаг 2: Добавление видеофайлов

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


2. Появится окно, в котором необходимо будет выбрать видеофайл. Выберите требуемый видеофайл и нажмите на кнопку Открыть.


Выбранный видеофайл добавится в окно Видео-файлы.


Шаг 3: Создание активного объекта

Перед тем как начинать разметку активного объекта, необходимо его создать.
1. Для этого нажмите на кнопку Добавить в окне Активные объекты.


В результате в окно Активных объектов добавится объект с названием Active Object 1.


2. Теперь необходимо дать имя новому объекту. Для этого кликните по объекту в окне Активных объектов.


Введем название "Медведь" и кликнем мышью в любом месте экрана.
В результате данный объект будет называться "Медведь".

Шаг 4: Разметка активного объекта

Теперь необходимо выделить на видео активный объект. В данном случае будем выделять медведя.
1. Выберите инструмент «карандаш» .


2. Обведите медведя на первом кадре. Для этого подведите курсор в точку начала обводки и, нажав левую кнопку мыши и далее удерживая, проведите курсором по всему контуру. Результат должен выглядеть, как на рисунке ниже.



3. Затем выберите инструмент "Заливка" в окне Инструменты: .


4. Подведите курсор внутрь контура обведенного медведя и нажмите левую кнопку мыши. В результате объект  «Медведь»  будет полностью заполнен маркером желтого цвета.


Теперь объект размечен, но пока только на одном-единственном кадре видеофрагмента. Необходимо скопировать эту разметку на все остальные кадры.

Шаг 5: Копирование разметки на остальные кадры
1. Для того чтобы скопировать разметку на остальные кадры, необходимо нажать на кнопку запуска авторазметки .


2. Когда авторазметка завершится, повторно нажмите на кнопку .


В результате передвижение объекта будет автоматически отслежено и зафиксировано на всех кадрах. Это означает, что объект будет размечен на каждом кадре данного видеофрагмента.

Шаг 6: Добавление перехода на сайт по клику на активный объект

1. Можно добавить переход при нажатии на активный объект во время просмотра видео. Для этого на вкладке Объект в выпадающем списке выберите URL.


2. В области вкладки Переход появится текстовое поле URL. В него необходимо ввести адрес сайта, куда будет осуществлен переход при клике на активный объект. Для примера введите: "http://actio.tv".


Теперь при клике на объект "Медведь" произойдет переход на сайт http://actio.tv.

Шаг 7: Добавление активной паузы (видео останавливается при клике на объект)

1. Разверните вкладку Пауза и в выпадающем списке Статус выберите При клике. Таким образом, видео будет приостановлено при клике на активный объект.


Теперь при клике на активный объект видео будет приостановлено.

Шаг 8: Добавление всплывающего окна (pop-up) с информацией, которое появляется при клике на активный объект

1. Разверните вкладку Всплывающее окно и в выпадающем списке Статус выберите При клике.


2. В текстовое поле Содержимое введите текст сообщения. Для примера введите: "Будущее – это интеграция всех возможностей гипертекста в видеосреду."


Теперь, если при просмотре видео нажать на медведя, появится всплывающее окно с информацией.

Шаг 9: Добавление боковой панели (side-bar) с информацией, которая открывается по клику на активный объект

1. Для удобства настройки боковой панели предварительно сверните все развернутые до этого вкладки в окне Редактор активных объектов. Для этого необходимо однократно нажать по всем открытым вкладкам - они свернутся.


2. Теперь надо развернуть нижнюю вкладку Боковая панель в окне Редактора активных объектов. И в появившемся выпадающем списке Статус необходимо выбрать пункт При клике.


3. В текстовое поле Содержимое введите текст сообщения, которое будет отображаться в боковой панели. Для примера введите: "iVideo – это интерактивное видео с кликабельными объектами."


Теперь при нажатии на активный объект появится боковая панель с текстом.

Шаг 10: Предпросмотр проекта

1. Предварительно сохраните проект. Для этого в Главном меню нажмите кнопку Сохранить проект.


2. В появившемся окне выберите путь и введите название проекта. Затем нажмите кнопку Сохранить.


3. После сохранения проекта нажмите кнопку для запуска его предпросмотра в плеере Actio media player: .


4. Откроется Actio media player. Для просмотра созданного видео необходимо нажать кнопку Play.


Теперь вы можете предварительно просмотреть видео, а также проверить определенные вами сценарии при нажатии на активный объект: переход на сайт, приостановка видео, появление всплывающего окна и боковой панели.

Поздравляем! Ваш ролик успешно создан!