Верстка двух адаптивных страниц по макету Figma
Необходимо сверстать две адаптивные страницы (главная и портфолио) по предоставленному макету из Figma. Предпочтительная технология - React, но возможен и чистый JavaScript (Vanilla JS) вариант.
Техническое задание: Создание интерактивных субтитров для обучающего видео
Описание проекта
Имеется вертикальное видео продолжительностью 26 секунд. В ролике мужчина (носитель английского языка) рассказывает историю в медленном и рассудительном темпе. Задача - создать и наложить на видео субтитры для учеников, изучающих английский язык.
Ключевые требования
- Формат: Вертикальное видео, 26 секунд.
- Контент: Монолог носителя английского языка (медленная, четкая речь).
- Цель субтитров: Обучение. Субтитры должны помогать в изучении языка.
- Главная функция: Поэтапная подсветка (караоке-эффект) того слова, которое произносится в данный момент. Это обязательное условие.
- Язык субтитров: Английский (соответствует речи в видео).
- Текст субтитров должен быть точным, синхронизированным с речью и удобочитаемым.
Ожидаемый результат
Готовый видеофайл в исходном вертикальном формате с интегрированными интерактивными субтитрами, где текущее произносимое слово визуально выделено (например, другим цветом или фоном).