Как создать интерактивное видео. Удоба

Добавьте в видео текст, тесты, опросы, вопросы с открытым ответом, ссылки на дополнительные материалы, что позволит пользователям взаимодействовать с роликом. Создайте интерактивное видео с помощью сервиса УДОБА.

МОЖНО СДЕЛАТЬ
ИСПОЛЬЗУЕТСЯ В:

Пример интерактивного видео, созданного в сервисе УДОБА, для спецпроекта «Дроны на службе журналистики».

Откройте сервис УДОБА. Зарегистрируйтесь. Для этого нажмите «Войти» (в верхнем правом углу сайта). Переключитесь на вкладку «Регистрация». Заполните поля. Подтвердите регистрацию по ссылке, которая придет на электронную почту.

В колонке слева нажмите «Моя библиотека». Раздел также найдете в верхнем меню своим именем. Затем нажмите «Добавить» — серая кнопка по центру.

Нажмите на поле со словами «Интерактивный контент». Здесь содержится база мультимедийных форматов: презентаций, видео, опросов, онлайн-игр и другого функционал на основе H5P. В этом же разделе находится «Интерактивное видео».

Нажмите на кнопку «Подробности». Затем на синюю кнопку «Использовать».

Редактор «Интерактивного видео» состоит из трех вкладок: «Загрузить видео», «Добавить взаимодействия» и «Подведение итогов» . По умолчанию откроется вкладка «Загрузить видео».

Впишите заголовок.

Нажмите ниже, чтобы добавить видео.

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

Нажмите кнопку «Добавить взаимодействия». Откроется ролик. Панель инструментов располагается над видео. Здесь есть кнопки, чтобы добавить текст, таблицу, ссылку, тесты или опросы, вопросы с полем для ответа.

Существует три типа взаимодействия с интерактивным видео:

  • викторины, тесты, опросы (обозначены фиолетовой кнопкой),
  • текст, изображение, таблица (обозначены синей кнопкой),
  • адаптивное взаимодействие — пользователь продолжит смотреть видео, в зависимости от ответа на вопросы.
Чтобы сделать видео интерактивным, ему надо «Добавить взаимодействия».

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

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

В полях напишите текст метки — это краткое описание, что нужно сделать. Текст будет отображаться рядом с появившемся значком взаимодействия.

«Настройки поведения» позволяют задать комментарий, который появится, если пользователь ответил правильно или если ответил неверно.

Дополнительно можно настроить, куда перенаправить человека, если он ответил правильно и если ответил неверно. Для этого нажмите на «Адаптивность».

Когда дополнительный материал будет добавлен и настроен, нажмите синюю кнопку «Готово».

Панель с инструментами находится над роликом. Передвиньте бегунок на нужный момент видео, нажмите на нужный интерактив.
Установите время показа для метки.
Поля, помеченные звездочкой, обязательны для заполнения
Установите настройки поведения для пользователя
«Адаптивность» помогает настроить, куда перенаправить человека, если он ответил правильно и если ответил неверно. Когда зададите все настройки для метки, нажмите «Готово»

Интерактивная кнопка появится на ролике. Зацепив мышкой, ее можно перемещать по видео.

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

Аналогичным образом добавьте другой интерактив.

Переходите на следующий шаг. Нажмите под видео на кнопку «Подведение итогов».

Когда все метки будут добавлены, нажмите под видео на кнопку «Подведение итогов»

Обязательно впишите заголовок.

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

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

Ниже можно настроить поведение пользователей по всему ролику. Нажмите «Настройки поведения». Например, включить автопроизведение ролика, зациклить ролик, показать кнопку для перемотки или запретить перемотку видео.

Прокрутите ниже и нажмите зеленую кнопку «Сохранить». Откроется готовый ролик. Проверьте все ли верно указано. Если требуется отредактировать, нажмите на «Редактировать» над видео.

Готовый интерактивный ролик откроется после того, как вы нажмете кнопку «Сохранить»

Расшарить видео можно ссылкой из адресной строки. Или нажмите «Переиспользовать», затем «Copy content».

Чтобы встроить видео на сайт, нажмите «Вставить» и скопируйте код.

Кнопки для расшаривания интерактивного видео – в виде ссылки или кода для встраивания – находятся под видео

Интерактивное видео можно редактировать: откройте его и нажмите над роликом на вкладку «Редактировать». Там же можно посмотреть аналитику: как видео смотрели и как с ним взаимодействовали — эта информация находится во вкладке «Отчеты».

Интерактивное видео и после публикации можно редактировать, обновлять в нем информацию, добавлять новую, удалять лишнюю. Все изменения будут сохранены по той же ссылке
Над материалом работали:
Ольга Бердецкая
Иллюстрации:
скриншоты сервиса УДОБА
Инструкция актуальна:
на март 2022 года

Подводя итоги:

1
загрузите видео
2
добавьте интерактив
3
поделитесь результатом