Repolode
vincentsch

vincentsch/explainroo

Создаёт по текстовому сценарию обучающее видео или демо продукта с озвучкой, синхронизацией слов и отрисовкой на canvas под управлением coding agent.

Open source альтернатива:SynthesiaVyond

Звёзды
598
Форки
38
Открытые issues
0
Последний коммит
20 часов назад

Что это?

explainroo создаёт обучающие видео по сценарию. Coding agent записывает текст озвучки в файл script.md, а рисунки для canvas, которые появляются при произнесении определённых слов, — в файл scenes.js. Затем инструмент генерирует озвучку с помощью Kokoro, синхронизирует её со словами через Whisper, отрисовывает кадры в headless Chrome и собирает MP4 с помощью ffmpeg.

Весь процесс выполняется локально; для озвучки по умолчанию не нужны аккаунт или API-ключ. Поддерживается озвучка на английском, испанском, французском, итальянском, бразильском португальском, хинди, японском и китайском (мандаринском). Вместо неё можно использовать голоса ElevenLabs или собственную запись. При рендеринге также можно создать файлы субтитров, обложку, главы для YouTube, GIF или MOV с прозрачностью.

Проект подходит и для создания демо продуктов: агент воссоздаёт экраны приложения по его коду или сайту, а указатель кликает по ним. В комплект входят шесть готовых визуальных стилей и несколько соотношений сторон для YouTube, Shorts, TikTok, Instagram и LinkedIn.

Ключевые возможности

  • 01Генерирует озвучку локальной голосовой моделью Kokoro: доступны 54 голоса, API-ключ не нужен.
  • 02Синхронизирует произнесённые слова с помощью Whisper, чтобы рисунки появлялись в нужные моменты.
  • 03Отрисовывает сцены в стиле рисованных от руки с помощью Rough.js и 1 800 иконок Lucide.
  • 04Создаёт MP4, GIF, MOV с прозрачностью, файлы субтитров и обложку.
  • 05Предлагает шесть готовых визуальных стилей и несколько соотношений сторон для разных платформ.
  • 06Создаёт демо продуктов, воссоздавая экраны приложений и добавляя кликающий указатель.

Сценарии использования

  • Создание короткого обучающего видео на техническую тему прямо в ходе сессии с coding agent.
  • Подготовка демо веб-приложения без записи экрана.
  • Создание вертикальных видео с субтитрами для TikTok, Reels или Shorts.
  • Создание озвученных диаграмм с прозрачным фоном для наложения в видеоредакторе.

Быстрый старт

  1. 1

    Клонируйте репозиторий

    git clone https://github.com/vincentsch/explainroo.git
  2. 2

    Перейдите в папку проекта

    cd explainroo
  3. 3

    Установите зависимости

    npm install
  4. 4

    Скачайте модели голоса и таймингов

    node bin/explainroo.js doctor --fetch

Что важно знать

  • Необходимо установить Node.js версии 20.11 или выше, ffmpeg и Chrome или Chromium.
  • При первоначальной настройке скачивается около 400 МБ моделей.
  • Для озвучивания на испанском, французском, итальянском, португальском и хинди также требуется espeak-ng; для японского и китайского нужен Python с misaki.
  • Наилучшие результаты отмечены при использовании Claude Code и Opus 5.5; проект разработан для управления агентом программирования.

Темы

Частые вопросы

Что такое explainroo?
Создаёт по текстовому сценарию обучающее видео или демо продукта с озвучкой, синхронизацией слов и отрисовкой на canvas под управлением coding agent. explainroo создаёт обучающие видео по сценарию. Coding agent записывает текст озвучки в файл script.md, а рисунки для canvas, которые появляются при произнесении определённых слов, — в файл scenes.js. Затем инструмент генерирует озвучку с помощью Kokoro, синхронизирует её со словами через Whisper, отрисовывает кадры в headless Chrome и собирает MP4 с помощью ffmpeg.
explainroo можно использовать бесплатно? Какая у него лицензия?
explainroo распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
explainroo всё ещё поддерживается?
Активно поддерживается. Последний коммит в explainroo — 19 окт. 2026 г..
Для чего можно использовать explainroo?
Создание короткого обучающего видео на техническую тему прямо в ходе сессии с coding agent. Подготовка демо веб-приложения без записи экрана. Создание вертикальных видео с субтитрами для TikTok, Reels или Shorts. Создание озвученных диаграмм с прозрачным фоном для наложения в видеоредакторе.
Как установить explainroo?
Клонируйте репозиторий: git clone https://github.com/vincentsch/explainroo.git Перейдите в папку проекта: cd explainroo Установите зависимости: npm install Скачайте модели голоса и таймингов: node bin/explainroo.js doctor --fetch
Где скачать explainroo?
Исходный код и инструкции по установке — на GitHub: https://github.com/vincentsch/explainroo

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Навык Claude Code, который превращает URL сайта в ролик о запуске продукта с частотой 60 fps: видео создаётся на HTML, а звуковые эффекты синхронизируются с музыкой и добавляется размытие в движении.

32247JavaScriptMITОбновлён 5 дней назад