Редактор «AVEditor»

Технология Активного Видео

Редактор представляет собой программное средство для создания

интерактивных видеороликов из обычных видеофильмов.

Интерактивный видеоролик можно сравнить с гипертекстовым

документом в Интернете, только гиперссылками в нем служат не

текстовые строки, а объекты фильма, называемые активными объектами.

Активным объектом может стать любой объект, присутствующий на кадре видеофильма. Это может быть как персонаж или предмет фильма, так и произвольная картинка, например, стрелка, нанесенная на кадр с помощью специальных методов редактора AVEditor.

Активные объекты могут выделяться на экране с помощью:

подсветки,

изменения формы курсора мыши при его наведении на объект,

появления окна подсказки с названием активного объекта

появления маркеров, которые сопровождают активный объект, акцентируя на нем внимание зрителя

Щелчок мыши на активном объекте может привести к:

проигрыванию нового видео в том же или другом окне

появлению окна с текстовым сообщением

появлению звуковой информации

изменению параметров проигрывания

открытию страницы в Интернете

открытию почтовой программы

и многому другому

Как сделать объект активным

Создать для каждого объекта сценарийСценарий представляет собой набор специальных команд

Связать сценарий с объектом Именно сценарием определяется та информация, которую получает зритель при щелчке на активном объекте

Основные этапы создания интерактивных видеороликов в

редакторе AVEditor:

Создание проекта Активного Видео

Добавление к проекту видеофильмов и разделение их на эпизоды

Создание активных объектов

Выделение экранных образов объектов на кадрах видеофильма с помощью графических средств редактора AVEditorСоздание в проекте Активного Видео элемента - объект

Создание сценариев для объектов и сценария по умолчанию

Привязка сценариев к объектам с помощью методов редактора AVEditor

Компиляция проекта Активного Видео в интерактивный видеоролик

Почему зритель может взаимодействовать с объектами при

проигрывании интерактивного видеоролика

Способ проигрывания в плеере AVPlayer двух видеопотоков:

исходного видеофильма

потока активных объектов, созданного в результате компиляции проекта Активного Видео

создает эффект интерактивности объектов видеоролика

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

С чего начинается создание интерактивного

видеоролика

Запустить редактор AVEditor файлом AVEditor.exe

Выбрать опцию создания нового проекта в окне Welcome to AVEditor или в меню File

Если проект Активного Видео уже создан ранее, то вам следует выбрать в окне Welcome to AVEditor или из пункта File Главного меню одну из следующих опций:

Открыть ранее редактируемый проект

Открыть проект

Создание проекта Активного Видео

Указать путь, по которому будет создана одноименная с проектом директория нового проекта

Задать имя проекта

Имена проекта и директории, в которой проект находится, должны быть уникальными

Заполнить свойства создаваемого проекта:

Вкладка Common

Сведения об авторе и описание проекта

Значения параметров для создания маркеров:

Коэффициент сглаживанияРасстояниеСдвиги по осям X и Y

Можно использовать уже введенные значения параметров для создания маркеров.

Заполнить свойства создаваемого проекта: Вкладка Definition

Задать имя и путь к файлу не присоединенных контуров (имя и относительный путь заданы по умолчанию)

Выбрать язык редактора AVEditor:

Установить опцию Автосохранение и выбрать интервал времени в минутах, по истечении которого оно будет происходить.

Установить опцию Показывать окно приветствия при запуске.

Установить опцию Открывать последний редактируемый проект при запуске. 

Задать количество отменяемых шагов метода Undo пункта Редактирование Главного меню. 

Прописать путь к файлу, запускающему плеер AVPlayer (AVPlayer.exe). Это следует сделать для того, чтобы иметь возможность при отладке проекта запустить плеер непосредственно из редактора AVEditor.

Заполнить свойства создаваемого проекта:

Вкладка Parameters

Установить способ отображения продолжительности проигрывания эпизодов и фильма в целом:

25 кадров в секунду количество кадров период времени

Вид созданного проекта Активного Видео

В результате создания проекта в редакторе AVEditor формируется среда его разработки -Workspace

Workspace состоит из нескольких вкладок, где создаются элементы проекта Активного Видео

Media ViewObjects ViewScenario ViewResources ViewFile View

Добавление видеофильмов к

проекту Активного Видео

Выбрать метод «Create Media File» на вкладке Media View или из пункта Insert Главного меню

Выбрать видеофильм

Ввести имя и, при необходимости, комментарий

Имя фильма, присоединяемого к проекту, можно изменить, но оно должно быть уникальным в рамках проекта

Импорт и экспорт видеофильмов

Видеофильмы можно импортировать в свой проект из других проектов.

Видеофильмы, добавленные в проект, можно экспортировать во внешние файлы.

Для импорта следует выбрать метод «Import Media File» на вкладке Media View или из пункта Insert Главного меню

Для экспорта выбрать метод «Export Media File»

В проект можно добавить один или несколько видеофильмов

Изменить имя видеофильма, добавленного в проект, или его комментарий можно с помощью выделения соответствующих полей на вкладке Media View

Разделение видеофильма на эпизоды

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

Первый способ

На вкладке Media View или из пункта Insert Главного меню выбрать метод «Create Episode»

Ввести имя эпизода

Ввести начало и конец эпизода

Ввести комментарий (по желанию)

Второй способ

Запустить видеофильм в окне проигрывания

Определить начало эпизода и нажать кнопку «Select episode begin»

Определить конец эпизода и нажать кнопку «Select episode end»

Ввести имя эпизода

Ввести комментарий ( по желанию)

Начало и конец эпизода уже будут заполнены

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

Как уже говорилось, под активным объектом понимаем такой объект проигрываемого видеоролика на экране плеера AVPlayer, щелчок мышью на котором может привести к различным действиям.

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

Активными объектами могут быть любые образы на экране: человек, животное, автомобиль и его части (колесо, руль) и т.д., а также любые картинки, нанесенные на кадры фильма (кнопка, стрелка, пункты меню и т.п.)

Второй шаг Например, мы хотим, чтобы активным объектом

стал «автомобиль». Поэтому на следующем шаге нужно определить некоторую последовательность кадров фильма, на которых объект – «автомобиль» отображается непрерывно, от кадра к кадру. Другими словами, определить последовательность экранных образов нашего объекта – «автомобиля».

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

Третий шаг Следующим шагом мы должны создать элемент

Объект в проекте Активного Видео (к примеру, с именем «Автомобиль»). После создания элемента Объект мы должны:

привязать к нему все последовательности его экранных образов; создать и привязать к нему маркеры, окна подсказок, сценарии.

Таким образом, в элементе проекта - Объекте, как в контейнере, будет храниться информация обо всех последовательностях его экранных образов, а именно:

о форме контура его экранных образов,об изменении контура образа на кадрах фильма в результате движения объекта, об окнах подсказок, о маркерах, о сценариях объекта

Типы Объектов Свойства Объектов

Существует два типа Объектов Изменяемые и Фиксированные. Общие свойства:

Каждый созданный Объект – уникален в рамках одного проекта,Объект появляется на заданном интервале видеофильма, Контур экранного образа Объекта выступает в качестве активной области, при взаимодействии с которой происходит вывод разнообразной информации, У Объекта есть сценарий (или список сценариев)

Различие объектов проявляется в следующем:Изменяемые

В качестве изменяемых объектов в основном выступают персонажи фильма. Персонажи фильма всегда находятся в движении, а следовательно их образы на экране (образы изменяемых объектов) изменяют свои формы от кадра к кадру.Экранные образы изменяемых объектов привязаны к определенной последовательности кадров фильма, на которых они непрерывно показываются. Иначе говоря, кадры, на которых появляются экранные образы изменяемых объектов и составляют собой эту последовательность.

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

Создание Объекта

Вызвать метод «Create Object» на вкладке Objects View в рабочей области Workspace или из пункта Insert в Главном меню

Ввести имя файла, где будет храниться элемент проекта Объект В одном файле может храниться

информация о нескольких объектах

Ввести имя Объекта в проекте Имя Объекта может совпадать с

именем файла или быть отличным от него, но обязательно быть уникальным в рамках одного проекта

При необходимости ввести комментарий

В случае создания фиксированного Объекта в соответствующем поле поставить флажок

Объект можно импортировать из другого проекта, если он уже был создан в нем, а также экспортировать созданный объект во внешний файл

Для импорта следует выбрать метод «Import Object» на вкладке Objects View или из пункта Insert Главного меню

Для экспорта выбрать метод «Export Object»

Вид созданных Объектов на вкладке Objects View в рабочей области

Workspace.

Разметка экранного образа объекта

Процесс разметки экранного образа объекта происходит в окне проигрывания

на выбранном кадре последовательности данного образа

1 шаг Выбрать одну из последовательностей экранных образов Объекта, созданного в проекте, к примеру, «автомобиль» или его составная

часть: «колесо», «руль».

2 шаг

Выбрать графические инструменты на панели «Object Tools». Существуют следующие инструменты для разметки контура экранного образа:

Прямоугольник,

Эллипс,

Многоугольник

Есть возможность выбора цвета

разметки контура

3 шаг В одной из последовательностей экранных образов Объекта

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

Таким образом, мы создали размеченный экранный образ объекта

4 шаг

Вызвать контекстное меню размеченного образа и с помощью метода «Attach to object» присоединить размеченный образ к созданному ранее Объекту, который следует выбрать в появившемся окне«Attach shape».

Если вы разметили экранный образ, а соответствующий Объект в проекте еще не сформирован, то его можно создать «на лету» в окне «Attach shape». Для этого следует воспользоваться опцией окна <New object>. Созданный объект сразу же отобразится в этом окне.

Виды размеченных экранных образов объекта

Распределение размеченных образов по уровням

Когда в одном кадре оказываются два пересекающихся размеченных образа, используется операция распределения их по уровням, т.е. выставляются разные значения такому свойству размеченного образа как «Layer».

C помощью метода «To Front», вызванного из контекстного меню одного из размеченных образов, он перемещается на уровень выше.

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

Разметка сложных экранных образов

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

Эта операция называется вычитанием вспомогательного контура из основного.

Для этого:Два контура размечаются по внешней и внутренней окружности руля и накладываются друг на друга. Вычитаемый контур должен быть выше по уровню, чем основной.С помощью метода контекстного меню «Off Shape» у вспомогательного контура (в данном случае – по внутренней окружности руля) свойство «Status» выставляется в «-», а у основного контура оно остается выставленным в «+»

Данная операция необходима для более точного выделения контура образа активного объекта

Два режима, позволяющие существенно упростить процесс

разметки экранного образаКнопки двух режимов находятся на панели «Videofile Tools» окна Проигрывания

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

Выбор режима «Detail Contour» запускает специальный алгоритм, при котором происходит коррекция контура образа, размеченного вручную, с его реальным изображением на кадре.

Способы коррекции размеченного образа объекта

Для более точного совпадения размеченного образа с реальным изображением объекта на кадре можно:

Выделить размеченный образнажать кнопку «Select Object»,навести курсор мыши на размеченный образ

Добавить точку нажать кнопку «Add Point»,добавить точку к размеченному образу

Удалить точкунажать кнопку «Select Point», выделить вершину многоугольника,вызвать метод «Delete» из контекстного меню размеченного образа

Изменить границы – растянуть или сжать область разметки

нажать кнопку «Select Point», выделить вершину многоугольника,переместить ее в нужную сторону

Размножение образа, размеченного на отдельном кадре, на остальные кадры в

последовательности

Существуют несколько способов размножить размеченный образ:

Стандартное копирование при котором образ, размеченный на отдельном кадре, предполагается копировать вручную на каждый последующий кадр в последовательности

Линейная интерполяция

Автоматическая разметка

В результате применения перечисленных способов мы получим последовательность размеченных образов объекта

Линейная интерполяция

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

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

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

Пример линейной интерполяции 1 шаг

Выбрать режим интерполяции - нажать кнопку «Shape Interpolation» на панели «Videofile Tools»

Выделить с помощью мыши размеченный образ на кадре и отметить его как начало процесса интерполяции кнопкой «First point»

Скопировать в буфер размеченный образ

Пример линейной интерполяции 2 шаг

Найти конечный кадр в последовательности и вставить в него из буфера скопированный размеченный образ Размеченный образ можно не копировать, а

разметить его на конечном кадре заново. При этом должны соблюдаться два условия: 1. Размеченный образ на начальном кадре и вновь размеченный образ на конечном кадре должны быть присоединены к одному и тому же объекту.2. Оба размеченных образа должны иметь один и тот же тип, т.е.быть созданы с помощью одной и той же фигуры, и иметь одинаковое количество точек (последнее утверждение важно соблюдать при использовании фигуры - многоугольник).

Выделить область разметки на последнем кадре и отметить ее как конец интерполяции кнопкой «Last Point»В случае необходимости можно задать угол поворота образа объекта Если процесс интерполяции прошел

успешно, появится соответствующее сообщение.

Автоматическая разметкаЭтот способ эффективен при наличии контрастного, четко видимого контура образа на кадре, когда он плавно меняется от кадра к кадру.

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

Пример автоматической разметки

Выделить на кадре размеченный образ

Выбрать режим авторазметки: на панели «Videofile Tools» нажать кнопку «Auto tracking» или «Auto tracking one frame forward»

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

• Во втором – по одному кадру вперед

• В первом случае авторазметка завершится при нажатии кнопки «Ок» во всплывающем диалоговом окне. Во втором – сразу после разметки на один кадр.

Создание маркеров, текстовых подсказок для активных

объектов

На вкладке Objects View рабочей области Workspace следует выделить мышью объект и из его контекстного меню выбрать методы:

Create Marker - cоздать маркер

Create Tooltip - cоздать подсказку

Создание маркеров 1 шаг

Маркеры создаются для каждой последовательности размеченных образов объекта.

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

Вызвать метод «Create Marker» из контекстного меню размеченного образа

Создание Маркеров 2 шаг

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

Уточнить остальные параметры

Нажать «OK»

Создание новой картинки для маркера 1 шаг

Из контекстного меню размеченного образа вызвать метод «Create New Resources»

В окне «Add New Resources» отметить строку с иконкой «Picture» и выбрать опцию «New»

Создание новой картинки для маркера 2 шаг

В открывшемся редакторе картинок выбрать инструмент и создать новую картинку маркера

Картинки для маркеров также можно импортировать в проект из внешних файлов

После сохранения новых картинок для маркеров они автоматически добавляются к проекту Активного Видео и становятся видны в списке ресурсов-картинок, доступных для выбора при вызове метода «Create Marker»

Создание окна подсказки 1шаг

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

Подсказки показываются на заданной последовательности кадров видеофильма.

Вызвать метод «Create Tooltip» на размеченном образе

Создание окна подсказки 2 шаг

В окне выбрать опцию «New text». Можно также выбрать уже существующий текст

В текстовом редакторе ввести текст подсказки и нажать «OK»

Уточнить остальные параметры

Нажать «OK»

Вид вкладки Objects View рабочей области Workspace

Вся информация об Объектах проекта, а также об элементах, связанных с Объектом, отображается на вкладке Objects View рабочей области Workspace.

Создание сценариев

Наличие сценариев - главное, что отличает интерактивные видеоролики от обычных фильмов 

Сценарии создаются для объектов и эпизодов фильма

Для проигрывания интерактивных видеороликов необходимо наличие главного сценария - Main. Этот сценарий запускает видеоролик и управляет его проигрыванием при отсутствии каких-либо действий со стороны зрителя

Сценарий представляет собой набор специальных команд

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

После создания сценария его следует привязать к объекту

Создание сценария

Выбрать пункт Главного меню Insert и вызвать метод «Create Scenario» 

или

Вызвать метод «Create Scenario» на вкладке Scenario View в рабочей области Workspace

Ввести имя сценария

Ввести Аннотациютекст аннотации будет отображаться в качестве названия сценария в выпадающем списке сценариев в плеере AVPlayer

Добавить интервал интервал определяет список эпизодов, на которых данный сценарий вызывается по нажатию правой кнопки мыши

Добавить параметрывходные параметры используются для передачи данных из других сценариев для их последующей обработки и использования внутри сценария. 

Ввести команды сценария

Все команды сценария

1. Добавить команду установки комментария - Add Set Comment Command

2. Добавить команду для работы с видеоклипом - Add Media Stream Command

3. Добавить команду для работы с независимыми окнами для вывода Медиа информации - Add Independent Window Command

4. Команда добавления окна с текстом - Add Text Window Command

5. Команда добавления окна с картинкой - Add Picture Window Command

6. Добавить конструкцию IF THEN ELSE - Add IF THEN ELSE Statement

7. Добавить цикл While - Add While Loop

8. Добавить Интернет ресурс - Add Internet Resource

9. Добавить команду вызова сценария - Add Run/Call Script Command

10. Добавить команду изменения статуса отображения объекта - Add Change Object Status Command

11. Добавить команду установки Триггера/Переменной - Add Set Trigger/Variable Command

12. Добавить меню - Add Menu Command 

13. Удалить команды сценария - Delete commands of scenario.

14. Редактирование команд сценария - Edit commands of scenario.

Вид созданного сценария

Привязка сценария к объектам

На вкладке Objects View рабочей области Workspace выделить с помощью мыши объект, к которому надо присоединить сценарий

Из контекстного меню объекта вызвать метод Attach Scenario и выбрать сценарий из списка

Для отсоединения сценария следует воспользоваться методом Detach Scenario

Примеры использования команд сценария

Создание окон для вывода видеороликов

На панели команд вызвать команду

Командой «CreateMediaWindow» задать параметры окна для вывода видеороликов.

Командой «SetActiveWindow(имя окна)» все параметры, заданные предыдущей командой, применить к созданному окну.

Командой «SetWindowFocus(имя окна)» на созданное окно установить фокус.

В результате окно становится активным, меняется цвет рамки окна, появляется звук.

Новое окно также можно создать командой «Call/RunScript» с выставленным параметром «В новом окне».

Для этого на панели команд следует вызвать команду

Создание и проигрывание видеофрагментов

На панели команд вызвать команду

Командой «CreateMediaStream» создать видеофрагмент на основе фильмов, входящих в проект Активного Видео

Командой «PlayMediaStream» проиграть созданный видеофрагмент в окне для вывода видео.

Вид созданного окна для проигрывания видеороликов в плеере

AVPlayer

Создание окон для вывода текста и картинок

На панели команд вызвать команды или

Командой «CreateTextWindow» задать параметры текстового окна

Командой «CreatePictureWindow» задать параметры окна для вывода картинки

Если окно с текстом или картинкой выводится в экранный образ динамического объекта, то после создания окно необходимо перевести в состояние видимости с помощью команд «ShowTextWindow(имя окна)» или «ShowPictureWindow(имя окна)».Для того, чтобы скрыть окно из видимости, следует применить команды «HideTextWindow(имя окна)» или «HidePictureWindow(имя окна)».

Пример появления на экране текстовых окон и пунктов меню в виде картинок и текста при проигрывании видеороликов в плеере

AVPlayer

Компиляция проектаПосле создания всех элементов проекта Активного Видео его следует скомпилировать в интерактивный видеоролик для проигрывания в плеере AVPlayer.

Для компиляции проекта следует зайти в пункт «Edit» Главного меню и выбрать метод «Compile» или выбрать соответствующую кнопку на панели инструментов.

В открывшемся окне «Compile Configuration Dialog» выбрать желаемый режим компиляции:

Local Debag

Local Release

Server Release

Режимы компиляции

Local Debug Данный режим применяется для проверки работы скомпилированного проекта в отладочном режиме. При этом скомпилированный проект запускается на проигрывание в плеере AVPlayer непосредственно из редактора AVEditor.

Local ReleaseДанный режим применяется в случае записи проекта на компакт-диск. При этом все файлы проекта размещаются в определенной директории на локальном диске.

Server ReleaseДанный режим создан для отправки скомпилированного проекта на сервер AVServer непосредственно из редактора AVEditor.

Отладка проекта

Под отладкой проекта Активного Видео понимают исправление ошибок, допущенных при его разработке

С помощью режима компиляции Local Debug можно запустить плеер AVPlayer непосредственно из редактора и просмотреть в нем интерактивный видеоролик

Для запуска плеера следует зайти в пункт «Edit» Главного меню и выбрать метод «Run AVPlayer»

Запуск плеера из редактора AVEditor осуществляется в соответствии с настройками проекта Активного Видео, которые можно вызвать из пункта «Edit» Главного меню с помощью метода «Options». В открывшемся окне «Project Options» на вкладке «Definition» следует задать путь к файлу, запускающему плеер - AVPlayer.exe.

Отправка скомпилированного проекта Активного Видео на сервер AVServer

Перед отправкой скомпилированного проекта на сервер следует применить режим компиляции Server Release

Затем из пункта «Edit» главного меню вызвать метод «Publish to Server» или воспользоваться соответствующей кнопкой на панели инструментов

В окне «Server Info dialog» ввестиServer URL – адрес сервераLogin - Имя пользователяSSH Private Key - Ключ SSH 

Адрес сервера, имя пользователя и ключ высылаются пользователю по почте при регистрации редактора. После получения текст ключа его следует скопировать и вставить в поле «SSH Private Key».

Скомпилированный проект Активного Видео будет доступен по следующему

адресу:

//<ServerURL>/home/<Username>/avprojects/<project_name>/ <project_name.sce>

где <ServerURL> - адрес сервера

<Username> - имя пользователя

<project_name> - имя проекта, размещенного на сервере

<project_name.sce> - файл сценария, запускающий на проигрывание в плеере AVPlayer интерактивный видеоролик