Не так давно на просторах Facebook возник вопрос о том, как сделать видеокурс с синхронизированными субтитрами для e-learning или просто, как добавить субтитры к видеокурсу. Цель: собрать видео и текст так, чтобы с прокручиванием видео текст также менялся вперед-назад. Обсуждались инструменты для разработки курсов Adobe Captivate и Articulate Storyline.

Как добавить субтитры к видеокурсу

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

Как добавить субтитры к видеокурсу

1. Наложить субтитры на видео в любом видеоредакторе

Фактически, вопрос решается на уровне сборки видеофайла и никак не касается редактора курсов. Либо же можно использовать любой сервис по созданию субтитров, например, WebVTT. Вопрос перекочевал в сообщество «Изучаем Articulate Storyline», поэтому вариант со стандартными субтитрами был отметен как неинтересный.

При использовании любого редактора курсов синхронизация видео и текста достигается путем появления текста в разные временные промежутки – это очевидно.

ОСНОВНОЙ ВОПРОС: как сделать так, чтобы при прокрутке видео текст тоже прокручивался во времени.

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

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

ЭТО ВАЖНО: отдельно у видео не должно быть полосы прокрутки! Далее по времени располагаем текстовые блоки.

Включаем в стандартном плеере полосу прокрутки и публикуем. Все работает – при прокрутке видео текст также меняемся.

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

Своя специфика полосы прокрутки у разных редакторов

  • Adobe Captivate – отображает прогресс по всему курсу (и пролистывание бегунком также осуществляется по всем слайдам подряд).
  • Articulate Storyline – отображает прогресс по каждому слайду (т.е. у каждого слайда своя полоса прокрутки, перескочить со слайда на слайд с ее помощью нельзя).
  • iSpring Suite – может отображать либо время всего курса, либо время каждого слайда в отдельности.

2. Вставка субтитров с помощью «Заметок»

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

заметками к слайду

Adobe Captivate

В Adobe Captivate этот функционал называется Slide Notes (выберите фильтр Closed Caption).

Slide Notes в Adobe Captivate

Articulate Storyline

В Articulate Storyline – просто Notes (заметки):

Notes в Articulate Storyline

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

iSpring Suite

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

ЧИТАЙТЕ ТАКЖЕ: Дистанционное обучение: что самое важное в создании хорошего курса

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

 iSpring Suite

Итог можно посмотреть здесь: субтитры в iSpring Suite

Специально для видеолекций iSpring Suite предлагает отдельный формат плеера, в котором пользователь сам может менять соотношение размеров видео преподавателя и текстового слайда. При использовании этого плеера субтитры отобразить не удастся – они ведь и не нужны.

 iSpring Suite

Но об этом – в следующий раз.


Елена Черныш

Занимаюсь разработкой курсов 6 лет, спектр навыков – от обработки видео до написания сценариев. Неплохо знаю iSpring, Captivate, Storyline. Не люблю Курслаб. Зато люблю черный юмор.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *