Видео и моушен · собственное демо
Небольшая студия коротких роликов
Стек: JavaScript, Canvas 2D, MediaRecorder, WebM
Три сцены, редактируемые тексты и цвет. Соберите ролик, посмотрите монтаж и выгрузите настоящий видеофайл.
3 сценытексты и оформление
9:16 / 1:1два формата
WebMреальный видеоэкспорт
Собственный редактор. Видеографика рисуется в Canvas и записывается в WebM.
Попробуйте
- Измените текст, цвет и формат.
- Переключите сцену или перемотайте таймлайн.
- Экспортируйте ролик в WebM.
Как развить
Следующий этап — генеративные модели, загрузка видеоматериала, звук и экспорт через серверный рендер. Сейчас работает сборка анимированной графики в браузере.
Ориентир для собственной демонстрации: Metalab · интерфейсы творческих инструментов ↗