Революция в формате: один HTML-файл вместо гигабайтов кода
Новый open-source проект OpenFilm предлагает парадигмально иной подход к генерации видео с помощью ИИ. Вместо традиционных тяжелых фреймворков (вроде Remotion) или сложных нейросетевых пайплайнов, OpenFilm упаковывает весь фильм в один файл film.html. Видео представляет собой набор CSS-треков, где каждый кадр — это результат работы функции frame(t), отрисовывающей момент времени с помощью стандартных веб-технологий: CSS, SVG, Canvas, WebGL или Three.js.
Это означает, что ваш AI-агент (например, Codex или Claude Code) пишет не скрипт для рендеринга, а веб-страницу. Вы можете редактировать её вручную или через чат с агентом, изменяя текст, цвета, положение элементов и тайминги в реальном времени.
Технические детали и архитектура
Проект строится на принципах детерминизма и простоты. Каждый «сегмент» (shot) — это отдельная веб-страница, которая должна гарантировать, что при вызове frame(t) результат всегда одинаков, независимо от порядка запросов. Это критически важно для параллельной отрисовки кадров и создания эффектов размытия в движении (motion blur).
Структура проекта включает:
- Studio: Локальный редактор на базе Chromium, который работает в браузере. Он позволяет перемещать, масштабировать элементы, менять стиль и работать с таймлайном. Предпросмотр в Studio идентичен финальному экспорту.
- CLI: Командная строка для рендеринга в MP4 (с поддержкой 4K, альфа-канала для WebM/MOV), получения медиа (голос, музыка, изображения) от внешних провайдеров и проверки качества.
- Desktop App: Готовое приложение для macOS и Windows, включающее встроенный чат для взаимодействия с AI-агентами и предустановленные зависимости (ffmpeg, headless Chromium).
Сравнение подходов к генерации видео
OpenFilm выделяется на фоне существующих решений своей легковесностью и прозрачностью кода. В отличие от «черных ящиков» нейросетей, здесь вы видите и редактируете исходный код анимации.
| Характеристика | OpenFilm | Традиционные AI-видео (Sora, Runway) | Код-генерация (Remotion) |
|---|---|---|---|
| Формат проекта | HTML/CSS/JS (один файл) | Бинарные файлы / проприетарные форматы | React/JSX компоненты |
| Редактируемость | Полная (CSS, DOM, таймлайн) | Ограничена (промпты, инпейнтинг) | Высокая (код) |
| Зависимости | Node 22+, ffmpeg, Chromium | Облачные API | Node.js, React |
| Интеграция с ИИ | Агент пишет HTML, вы правите | ИИ генерирует пиксели | ИИ пишет код, вы рендерите |
| Лицензия | MIT (код и инструменты) | Проприетарная | MIT/Apache |
Установка и интеграция
Для работы требуется Node.js 22.2+ и ffmpeg. Установка через npm предельно проста:
npx skills add openfilm/openfilm
После установки вы можете попросить AI-агент создать видео, например: "Make a 20-second launch video for my CLI, with music". Агент сгенерирует файл, который откроется в Studio. Для генерации голоса, музыки и изображений необходимо подключить свои API-ключи (ElevenLabs, OpenAI, Google, fal и др.) в настройках Studio.
Проект полностью open-source (лицензия MIT), код доступен на GitHub. Разработчики подчеркивают, что OpenFilm тратит усилия не на саму генерацию пикселей, а на проверку корректности фильма: инструмент openfilm look проверяет каждый кадр на ошибки шрифтов, обрезки текста и несоответствия.
Источник: Github ↗