технология

Как создать интерактивное видео: сервис УДОБА

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструкция актуальна на марта 2022 года.

Над материалом работала
Ольга Бердецкая

Иллюстрации:
скриншоты сервиса УДОБА

Знаете похожие технологии? Расскажите о своем опыте, нам интересно!

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: