Ко всем проектам
Человек смотрит фильм и нажимает на фразу. Видит перевод, пиньинь и может услышать слово. То, что хочется запомнить, падает в словарь, а не в заметки телефона.
Коротко
- Свой плеер с субтитрами на китайском, русском и английском
- Загрузка фильма превращает .srt в структуру, с которой работает словарь
- Подписка, оплата и SEO-страницы собраны так, чтобы платформу можно было развивать без разработчика на каждый ролик
Задача
Заказчик преподаёт китайский и хотел продукт, который приводит людей дешевле, чем прямая реклама уроков. Формат — фильмы с кликабельными субтитрами. Смотреть интереснее, чем зубрить список. Клик по фразе должен давать перевод сразу, без копирования в отдельный переводчик.
Рядом нужны были своя админка, оплата подписки с меняющейся ценой и страницы, которые поисковики могут показывать. Иначе платформа остаётся закрытым плеером для тех, кто уже знает адрес.
Решение
На проектировании выбрали, как резать фразы и каким переводом пользоваться. Google Translate отдаёт перевод в плеере. Яндекс Переводчик на стороне Strapi переводит загружаемые субтитры. Администратор кладёт фильм, .srt становится .json, руками каждую реплику переводить не нужно.
Плеер свой: дорожки китайский, русский, английский. Тексты и графика сайта правятся в Strapi, преподаватель меняет подачу без релиза.
Словарь собирается из просмотра. Слово из субтитра сохраняется с пиньинем, русским переводом и озвучкой. Потом по этой колоде можно проверять, читаются ли иероглифы без подсказки фильма. Учебный цикл замыкается внутри сервиса: посмотрел, сохранил, повторил.
Оплату подключили так, чтобы стоимость подписки можно было менять. Страницы подготовили для поиска. Нагрузку проверили до того, как на плеер придёт одновременно много зрителей. Заказчику оставили материалы, как заводить фильмы и что трогать в админке.
Платформу сдали на две недели раньше согласованного срока.
Стек
- Next JS
- Nest.js
- Figma
- Strapi
- Google Translate API
- Яндекс Переводчик
Результат
ShowChinese запущен: фильм, кликабельные субтитры, личный словарь, подписка. Преподавателю не нужно вручную готовить перевод каждой реплики перед публикацией.
Органический трафик идёт на страницы платформы, оплата подписки работает. Продукт приводит аудиторию через просмотр, а не только через объявление «запишитесь на урок».