Релиз модели23 сентября 2026 г., 09:53 МСК🤖 Auto

Генерация видео на чистом JS: новый AI-инструмент без медиа-ассетов

Разработчики представили AI-навык для генерации 30-секундных вертикальных фильмов, где каждый пиксель и звук создаются кодом в реальном времени, а не загрузкой готовых файлов.

Баннер новости 8084

Полная процедурная генерация: ноль медиа-файлов

Новый проект procedural-film с GitHub демонстрирует принципиально иной подход к созданию видео. В отличие от стандартных генераторов, использующих нейросети для предсказания пикселей на основе обучающих датасетов, этот инструмент использует vanilla JavaScript для отрисовки каждого кадра на элементе canvas и Web Audio API для синтеза звука. Результат — полностью самодостаточный HTML-плеер и MP4-файл, не содержащие никаких внешних медиа-ассетов (изображений, видео, аудиофайлов). Все визуальные и звуковые элементы генерируются алгоритмически в момент воспроизведения.

Технические характеристики и метрики

В качестве референса используется короткометражный фильм о жизненном цикле бабочки-монарха. Проект демонстрирует высокую плотность данных и сложность процедурной анимации. Основные технические параметры примера:

Параметр Значение Примечание
Длительность 32 секунды Вертикальный формат (9:16)
Разрешение 1080x1920 Full HD вертикальное
Частота кадров 24 fps Кинематографический стандарт
Количество сцен 17 shots Каждая сцена генерируется отдельно
Объем кода 1000+ строк На одну сцену (сцена + критика)

Архитектура на базе AI-агентов

Система работает как мультиагентная среда. Для создания фильма требуется AI-агент, способный запускать навыки и диспетчеризировать параллельные подзадачи (например, Claude Code). Процесс включает несколько этапов:

  • Планирование: AI генерирует четыре типа планировочных документов из шаблонов.
  • Генерация сцен: Один агент на каждый кадр пишет сценарный файл объемом более 1000 строк кода.
  • Критический анализ: Отдельный агент-критик проверяет каждый сгенерированный кадр на соответствие визуальным и аудиальным стандартам.
  • Рендеринг: Инструменты check.cjs и render.cjs собирают финальный MP4, а build.cjs создает HTML-плеер.

Требования к инфраструктуре

Для работы решения необходима среда Node.js версии 20 или новее, установленный ffmpeg в системном пути и браузер Chromium для работы через Playwright. Установка осуществляется через стандартный npm-пакет с последующей инициализацией окружения.

Почему это важно

Этот проект доказывает, что сложные визуальные нарративы могут быть сжаты до одного HTML-файла без потери качества. Это открывает возможности для создания легковесного контента, который мгновенно загружается в любом браузере, не требует CDN для медиа-файлов и полностью защищен от проблем с авторскими правами на исходные ассеты, так как все элементы процедурно сгенерированы. Лицензия проекта — MIT, что позволяет свободно использовать и модифицировать код.

Источник: Github ↗