> For the complete documentation index, see [llms.txt](https://wiki.reezonly.ru/space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wiki.reezonly.ru/space/obuchenie/produkty/vkladka-soderzhanie-produkta-kursa/kak-rabotayut-instrumenty-v-konstruktore-kontenta/rabota-s-instrumentom-video.md). # Работа с инструментом Видео *Время чтения: 2 минуты* {% hint style="info" %} Инструмент **«Видео»** позволяет добавить видеоматериал в урок: по ссылке из поддерживаемого внешнего сервиса или из **Reezonly Cloud**. Для видео из Reezonly Cloud также доступны субтитры и таймкоды. {% endhint %} ## Что можно сделать с помощью инструмента «Видео» В блоке «Видео» можно: * добавить видео из Reezonly Cloud; * вставить ссылку на видео из Kinescope, YouTube, Vimeo, Rutube или VK Видео; * загрузить готовые субтитры в формате `.vtt`; * сгенерировать русские субтитры для видео из Reezonly Cloud; * создать таймкоды (метки) вручную или импортировать их из JSON-файла; * скачать субтитры и экспортировать таймкоды. {% hint style="info" %} Субтитры и таймкоды настраиваются для конкретного блока «Видео». Если один и тот же видеофайл используется в нескольких уроках или блоках, настройте дополнительные материалы отдельно в каждом блоке. {% endhint %} ### Как добавить блок «Видео» в урок 1. Откройте нужный продукт и перейдите на вкладку **«Содержание»**. 2. Откройте урок и страницу, на которую нужно добавить видео. 3. Перетащите инструмент **«Видео»** из панели инструментов на страницу урока. 4. Добавьте ссылку на видео одним из способов ниже. 5. Кликните по свободной области страницы за пределами блока, чтобы применить изменения. {% embed url="" %} ### Как добавить видео из Reezonly Cloud Для подключения видео из Reezonly Cloud используйте файл в формате `.mp4` или `.webm`. Если файл ещё не загружен в хранилище: 1. Перейдите в раздел **Reezonly Cloud**. 2. Нажмите **«Загрузить»**. 3. Выберите видео на устройстве. 4. Дождитесь окончания загрузки. {% embed url="" %} Чтобы добавить загруженный файл в урок: 1. Найдите видео в Reezonly Cloud. 2. Откройте меню действий файла и выберите **«Копировать URL»**. 3. Вернитесь в конструктор урока. 4. Вставьте скопированный URL в блок **«Видео»**. 5. Кликните по свободной области страницы за пределами блока. 6. Убедитесь, что видео загрузилось и воспроизводится в плеере. {% hint style="info" %} Субтитры и таймкоды доступны для прямого видео из Reezonly Cloud. Если в блоке указана ссылка на внешний видеосервис, соответствующие настройки не отображаются. {% endhint %} ### Как добавить видео из внешнего сервиса Блок «Видео» поддерживает ссылки из Kinescope, YouTube, Vimeo, Rutube и VK Видео. 1. Откройте видео на нужном сервисе и скопируйте ссылку. 2. Вставьте ссылку в блок **«Видео»**. 3. Кликните по свободной области страницы за пределами блока. 4. Проверьте, что видео появилось в плеере. Для видео из внешних сервисов загрузка и генерация субтитров, а также настройка таймкодов недоступны. ## Как работать с субтитрами Для видео из Reezonly Cloud в формате `.mp4` или `.webm` в шапке блока доступна кнопка **«Субтитры»**. Она открывает окно со всеми файлами субтитров, которые прикреплены к текущему блоку.
Субтитры можно: * загрузить в формате `.vtt`; * сгенерировать для русского языка; * скачать; * заменить; * удалить; * назначить им язык. Можно добавить любое количество файлов субтитров на разных языках. Ручная загрузка субтитров доступна на всех тарифах.
#### Как загрузить готовые субтитры 1. Нажмите **«Субтитры»** в шапке блока. 2. Нажмите **«Добавить»** или добавьте новый элемент в список субтитров. 3. Выберите файл с расширением `.vtt`. 4. Укажите язык субтитров. По умолчанию выбран русский язык. 5. Нажмите **«Сохранить»**. После сохранения файл появится в списке. Для каждого файла отображаются его название, язык и доступные действия: скачать или удалить. {% hint style="warning" %} Субтитры привязаны к блоку «Видео», а не к самому видеофайлу. Если заменить видео в блоке, ранее добавленные субтитры сохранятся. После замены обязательно проверьте, что текст и время субтитров соответствуют новому видео. {% endhint %} #### Как сгенерировать русские субтитры Автоматическая генерация русских субтитров доступна на тарифе **Enterprise+**, если к блоку ещё не прикреплены русские субтитры. 1. Нажмите **«Субтитры»** в шапке блока. 2. Нажмите **«Создать RU-субтитры»**. 3. Дождитесь завершения обработки видео. Пока создаётся файл, в окне отображается статус обработки. 4. Убедитесь, что после завершения сгенерированный файл появился в списке субтитров. {% embed url="" %} Если при генерации произошла ошибка, в окне появится сообщение. После этого генерацию можно запустить повторно. #### Как отредактировать или удалить субтитры 1. Откройте окно **«Субтитры»**. 2. Замените файл, измените его язык или нажмите **«Удалить»** у ненужной строки. 3. Нажмите **«Сохранить»**.
#### Как субтитры отображаются ученику В плеере ученик может включать и переключать доступные субтитры. Если добавлены русские субтитры, они используются как основной вариант. Если русских субтитров нет, основным становится первый файл в списке.
### Как работать с таймкодами Таймкоды помогают ученику быстро переходить к нужным фрагментам видео. Возможность доступна только для видео, подключённого из Reezonly Cloud. Чтобы открыть панель настройки: 1. Добавьте в блок видео из Reezonly Cloud. 2. В шапке блока включите опцию **«Включить таймкоды»**. 3. Справа от видео откроется панель **«Таймкоды»**.
В панели можно добавлять, изменять и удалять таймкоды, а также импортировать и экспортировать их в формате JSON. #### Как добавить таймкод 1. В нужный момент нажмите **«Добавить»** в панели **«Таймкоды»**. 2. Введите название таймкода и время для таймкода. 3. Нажмите **«Сохранить»**. #### Как импортировать таймкоды из JSON-файла Импорт позволяет добавить сразу несколько таймкодов. 1. В панели **«Таймкоды»** нажмите **«Импорт JSON»**. 2. Выберите файл с расширением `.json` размером не более 5 МБ. 3. Нажмите **«Импортировать»**. JSON-файл должен содержать массив объектов с полями `time` и `title` {% file src="/files/9XQugiODM7wfD535MtXS" %} В поле `time` укажите время в формате `MM:SS` или `HH:MM:SS`, а в поле `title` — название фрагмента. После успешного импорта новые таймкоды добавятся в общий список и будут отсортированы по времени. Если файл не удалось обработать, существующие таймкоды не изменятся. Проверьте расширение файла, структуру JSON и формат времени, затем повторите импорт. {% embed url="" %} #### Как экспортировать таймкоды 1. Откройте панель **«Таймкоды»**. 2. Нажмите **«Экспорт JSON»**. 3. Готовый `.json`-файл автоматически загрузится на устройство. В файл попадут время и название всех таймкодов текущего блока. Если таймкоды ещё не добавлены, кнопка экспорта неактивна. #### Как таймкоды отображаются ученику и для видео добавлен хотя бы один таймкод, под плеером отображается панель **«Таймкоды»**. Список отсортирован от раннего фрагмента к позднему.
При нажатии на таймкод: * видео перематывается на указанное время; * воспроизведение начинается автоматически; * страница не перезагружается. Панель можно свернуть и снова открыть. Это не влияет на воспроизведение видео. Если сохранённых таймкодов нет, панель в ученической части не отображается. {% hint style="success" %} Готово: видео добавлено в урок. Для видео из Reezonly Cloud можно дополнительно настроить субтитры и таймкоды, чтобы сделать навигацию и просмотр удобнее для учеников. {% endhint %}