Remotion

Remotion je framework pro tvorbu videí programově pomocí Reactu. Hodí se pro generování videí z komponent, dat a šablon, ať už lokálně nebo na serveru. Zdrojový kód je dostupný v repozitáři remotion-dev/remotion.

• vytvářet videa z React komponent
• využít běžné webové technologie jako CSS, Canvas, SVG nebo WebGL
• parametrizovat obsah přes data, proměnné a komponenty
• renderovat výstup lokálně, na serveru nebo serverless
• exportovat MP4 a další formáty

Na oficiálním webu jsou jako příklady použití uvedené například:

• hudební vizualizace
• titulky
• screencasty
• přehledy typu year in review

Remotion se hodí tam, kde je potřeba skládat video opakovaně z dat, šablon a aplikační logiky.

Pro rychlý start projekt nabízí bootstrap příkaz. Podmínkou je nainstalovaný Node.js.

npx create-video@latest

Pro další práci jsou důležité hlavně:

• Dokumentace
• API reference

Na webu projektu jsou vidět i další samostatné části ekosystému:

• Remotion Studio pro skládání a náhled videa
• Remotion Player pro přehrávání nebo embed do aplikace
• Remotion Lambda pro renderování v serverless prostředí
• Editor Starter jako základ pro vlastní video editor

Podle README má Remotion vlastní licenční model a v některých případech vyžaduje firemní licenci. Před použitím v komerčním prostředí je dobré ověřit aktuální podmínky v dokumentaci a licenci projektu.

• Remotion
• GitHub – remotion-dev/remotion