KubeezCut: браузерный монтаж с WebGPU, WebCodecs и опциональной ИИ-генерацией
KubeezCut — многодорожечный видеоредактор под лицензией MIT, который работает в браузере и опирается на WebGPU и WebCodecs. В посте на Dev.to Sebyx07 отдельно подчёркивает опциональную интеграцию с генерацией медиа на внешней платформе. Сценарии с ИИ не обязательны; при необходимости контент можно собрать и вывести в одной вкладке — без скачивания файлов и переключения приложений.
Для разработчиков и авторов контента это способ связать клиентский NLE, аппаратное ускорение превью и при желании облачные модели в едином цикле: сгенерировал — положил на таймлайн — смонтировал — экспортировал.
Опциональный ИИ-слой: Kubeez, API-ключ и сценарии на таймлайне
По описанию в первоисточнике редактор может подключаться к Kubeez.com: в настройках KubeezCut указывается API-ключ Kubeez. Заявлённый сценарий — генерация ИИ-медиа внутри редактора (изображения, видеоклипы, музыкальные дорожки, озвучка), перенос на таймлайн и дальнейший монтаж там же.
На стороне Kubeez в тексте фигурирует формулировка «90+ models» для генерации видео, изображений, музыки и речи; автор перечисляет линейки и имена моделей, в том числе Kling 2.6/3.0, Veo 3.1, Flux 2, Imagen 4, Suno V5 и другие.
При этом подчёркивается позиционирование «standalone video editor first»: продукт описан как полноценно работающий без этой интеграции.
WebCodecs и экспорт: контейнеры, кодеки и битрейт
Экспорт в статье описан как реальное кодирование в браузере через WebCodecs, а не запись экрана.
Контейнеры: MP4, WebM, MOV, MKV.
Кодеки: H.264, H.265, VP8, VP9, AV1.
Для качества указаны пресеты с диапазоном битрейта 2–20 Mbps (как у автора). Экспорт заявлен без водяных знаков.
В связке с опциональной генерацией это выглядит как доведение и нативного, и сгенерированного материала до файла с заданными параметрами без выхода из браузера.
Эффекты на WebGPU, импорт и таймлайн
Визуальные эффекты описаны как WebGPU-шейдеры с нулевой нагрузкой на CPU во время превью (формулировка автора). Перечень категорий включает размытие, резкость, цветокоррекцию; искажение, chroma key; 25 blend modes; маски слоёв.
Импорт — перетаскиванием, до 5 GB на файл через File System Access API. Форматы импорта: видео MP4, WebM, MOV, MKV; аудио MP3, WAV, AAC, OGG, Opus; изображения JPG, PNG, GIF, WebP.
Таймлайн — многодорожечный NLE с дорожками для видео, аудио, текста, изображений и фигур; операции trim/split/join и rate-stretch; pre-compositions; keyframe-анимация с кривыми Безье; undo/redo с полной историей. Эта часть интерфейса связывает «сырой» и ИИ-сгенерированный материал в одном рабочем процессе.
Браузеры, стек React/TypeScript и публичные ссылки
Для работы указаны Chrome 113+ или Edge 113+; нужны WebGPU, WebCodecs, OPFS и File System Access API. Firefox и Safari в тексте названы не подходящими «пока» из‑за отсутствия поддержки WebGPU (формулировка автора).
Стек в статье: React 19, TypeScript 5.9; Tailwind CSS 4, shadcn/ui; Zustand 5, Zundo; TanStack Router; Vite 6; хранение OPFS + IndexedDB. Для транскрипции упомянут Whisper.
В посте приведены публичные URL: редактор https://editor.kubeez.com/, репозиторий https://github.com/MeepCastana/KubeezCut, сайт https://kubeez.com/ и npm-пакет https://www.npmjs.com/package/ai-media-cli (как вариант программной генерации медиа на JavaScript — в подаче автора). Отдельно описаны встроенные пресеты под соцсети с таблицей разрешений и соотношений сторон для YouTube, Shorts/TikTok/Reels, вариантов Instagram, Twitter/X, LinkedIn и Custom.
Итог: открытый браузерный инструмент монтажа с упором на современные веб-API и необязательный слой генерации через Kubeez. Базовая работа редактора не требует облачного ИИ.
Источники
- Sebyx07. I Built a Free Browser Video Editor with WebGPU, WebCodecs & Optional AI Generation — Dev.to. URL: Dev.to (дата доступа: 2026-04-11 UTC). Дополнительные URL к продукту и коду цитируются в посте на Dev.to; перечень для справки: https://editor.kubeez.com/, https://github.com/MeepCastana/KubeezCut, https://kubeez.com/, https://www.npmjs.com/package/ai-media-cli.