Kadr: видеоредактор, в котором Claude Code монтирует рядом с тобой

В сфере искусственного интеллекта произошло заметное событие. Black_Triangle_Habr 8 минут назад Kadr: видеоредактор, в котором Claude Code монтирует рядом с тобой 8 мин 481 Open source * Работа с видео * Искусственный интеллект TypeScript * Кейс Из песочницы Я задался вопросом: как должен выглядеть видеоредактор, если проектировать его в эпоху ИИ-агентов — не «редактор плюс кнопка с нейросетью», а инструмент, где агент работает на том же таймлайне, теми же операциями, что и человек? Ответа не нашлось, и я начал писать свой. Так появился Kadr — открытый (GPL-3.

0) многодорожечный видеоредактор на Electron + React + TypeScript: GPU-композитинг на WebGL2, WYSIWYG-экспорт, локальное распознавание речи, программируемая моушн-графика на React — и настоящая интерактивная сессия Claude Code в панели рядом с превью, подключённая к живому проекту через MCP. В статье — что редактор умеет и какие технические решения под этим лежат: почему пришлось выбросить аппаратный кодировщик Chromium, как кадры доезжают до ffmpeg без единого копирования, зачем нужен ping-pong из FBO для эффектов и как убедить Whisper не сочинять субтитры из тишины. Kadr: реальный проект на таймлайне — 10 дорожек, 99 клипов, 11 минутЗачем ещё один видеоредакторМне нужен был монтаж для YouTube-канала, а из инструментов на Linux ничего не подходило: где-то нет GPU-эффектов, где-то экспорт живёт своей жизнью и не совпадает с превью, и нигде агент не может посмотреть на проект и что-то в нём сделать.

Технические детали

А мне хотелось ровно этого: сказать «добавь сюда анимированные субтитры» — и смотреть, как они появляются в превью. Отсюда два принципа, из которых выросла вся архитектура:Превью и есть рендер. Один и тот же WebGL2-композитор рисует и предпросмотр, и офлайн-кадры экспорта.

Что видишь — то и получаешь, пиксель в пиксель. Всё, что может сделать человек мышью, агент может сделать через API. Каждая операция редактора доступна из window.

kadrEditor, и каждая правка агента попадает в общую историю отмен. Что умеет редакторКоротко, чтобы дальше говорить о технике (полный разбор — в FEATURES. md, демо — в видео):многодорожечный монтаж: трим, луп, фейды, связанные AV-клипы, скорость ×0.

02–×100 с прилипанием, реверс клипа, полная история отмен;ключевые кадры на всём — позиция, масштаб, поворот, прозрачность, громкость, маски — с изингами в стиле After Effects;настоящее 3D с перспективно-корректными текстурами, «полёт камеры» целой дорожкой;маски до 8 фигур с растушёвкой, эффекты (дымное сияние, размытие), 26 GPU-переходов;локальный faster-whisper с пословными таймкодами, авто-субтитры с караоке-подсветкой;Remotion-фрагменты: моушн-графика на React/TSX как обычные клипы;импорт отовсюду: drag-and-drop в любое место окна, картинки прямо из браузера, Ctrl+V из буфера, XDG-порталы;экспорт: ffmpeg x264 с честным битрейтом, motion blur, frame blending, пресеты YouTube/Shorts/WebM/MP3. И — встроенный Claude Code, о котором ниже. GPU-композитор: превью == рендерСердце редактора — квадовый композитор на WebGL2 (src/gl/compositor.

Событие, по словам экспертов, усилит конкуренцию в сфере ИИ.