Создание интерактивного видео с помощью 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.
![]() Теперь вы можете предварительно просмотреть видео, а также проверить определенные вами сценарии при нажатии на активный объект: переход на сайт, приостановка видео, появление всплывающего окна и боковой панели.
Поздравляем! Ваш ролик успешно создан! |









.

.

.











.
