"Čo je formát šablóny Rendervid?"

"Šablóny Rendervid sú JSON súbory, ktoré definujú štruktúru, obsah, animácie a výstupné nastavenia videa alebo obrázka. Každá šablóna obsahuje konfiguráciu výstupu (rozmery, fps, trvanie), definície vstupov pre dynamické premenné, kompozíciu so scénami a vrstvami a voliteľné konfigurácie písiem a vlastných komponentov."

"Ako fungujú premenné šablóny v Rendervid?"

"Premenné šablóny používajú syntax {{variableName}}. Vstupy definujete v poli inputs šablóny s kľúčom, typom (string, number, boolean, color, url, array), označením, popisom a predvolenou hodnotou. Pri renderovaní sú tieto premenné nahradené skutočnými hodnotami, čo robí šablóny znovupoužiteľnými a dynamickými."

"Koľko animačných predvolieb má Rendervid?"

"Rendervid obsahuje 40+ vstavaných animačných predvolieb organizovaných do štyroch kategórií: vstupné animácie (fadeIn, slideIn, scaleIn, bounceIn, atď.), výstupné animácie (fadeOut, slideOut, zoomOut, atď.), zdôrazňovacie animácie (pulse, shake, bounce, swing, heartbeat, atď.) a plne prispôsobiteľné kľúčové snímkové animácie s 30+ easing funkciami."

"Aké prechody scén sú k dispozícii?"

"Rendervid ponúka 17 typov prechodov scén: cut, fade, zoom, slide, wipe, push, rotate, flip (3D), blur, circle, glitch, dissolve, cube (3D), swirl, diagonal-wipe, iris a crosszoom. Každý prechod možno nakonfigurovať s parametrami trvania a smeru."

"Aké výstupné formáty Rendervid podporuje?"

"Rendervid podporuje viaceré výstupné formáty vrátane MP4 (H.264), WebM (VP8/VP9), MOV (ProRes), GIF pre video a PNG, JPEG, WebP pre obrázky. Podporované sú aj pokročilé kodeky ako H.265/HEVC a AV1. Rozlíšenie ide až do 8K (7680x4320) s frekvenciou snímok od 1 do 120 fps."

"Môžem v šablónach Rendervid používať vlastné písma?"

"Áno, Rendervid podporuje 100+ vstavaných Google Fonts a načítavanie vlastných písiem z URL vo formátoch WOFF2, WOFF, TTF a OTF. Môžete špecifikovať váhy písiem od 100-900 a konfigurovať náhradné riešenia špecifické pre platformu pre kompatibilitu naprieč prostrediami."

Rendervid Systém Šablón - JSON Šablóny, Premenné, Animácie a Prechody

Kompletný sprievodca systémom šablón Rendervid. Naučte sa vytvárať JSON video šablóny, používať dynamické premenné so syntaxou {{variable}}, konfigurovať 40+ animačných predvolieb, 17 prechodov scén a 30+ easing funkcií.

Rendervid Video Rendering Templates Open Source

Rendervid je programový renderovací engine videa postavený na deklaratívnom systéme šablón založenom na JSON. Namiesto manuálnej úpravy videa na časovej osi definujete každý aspekt svojho videa – scény, vrstvy, animácie, prechody a výstupné nastavenia – v jednom JSON dokumente. Tento prístup robí šablóny bezstavovými, verzovateľnými a strojovo generovateľnými, čo otvára dvere k AI-riadenej produkcii videa, dávkovým renderovacím pipeline a plne automatizovaným pracovným postupom obsahu.

Tento sprievodca pokrýva kompletný systém šablón Rendervid od začiatku do konca: konfiguráciu na koreňovej úrovni, výstupné nastavenia, systém premenných a vstupov, scény a kompozíciu, všetkých osem typov vrstiev, 40+ animačných predvolieb, 30+ easing funkcií, 17 prechodov scén, vizuálne efekty, konfiguráciu písiem a výstupné formáty.

Prehľad Štruktúry Šablóny

Každá šablóna Rendervid je JSON objekt s dobre definovanou sadou polí na koreňovej úrovni. Tu je kostra kompletnej šablóny:

{
  "name": "my-template",
  "output": { ... },
  "inputs": [ ... ],
  "composition": {
    "scenes": [ ... ]
  },
  "fonts": { ... },
  "customComponents": { ... },
  "defaults": { ... }
}

Polia na Koreňovej Úrovni

Pole	Typ	Povinné	Popis
`name`	string	Áno	Ľudsky čitateľný identifikátor šablóny
`output`	object	Áno	Konfigurácia výstupu videa alebo obrázka (rozmery, fps, trvanie, formát)
`inputs`	array	Nie	Definície dynamických vstupov pre premenné šablóny
`composition`	object	Áno	Obsahuje pole `scenes`, ktoré definuje všetok vizuálny obsah
`fonts`	object	Nie	Deklarácie Google Fonts a vlastných písiem
`customComponents`	object	Nie	Registrované vlastné komponenty vrstiev
`defaults`	object	Nie	Predvolené hodnoty aplikované na všetky vrstvy, pokiaľ nie sú prepísané

Pole name je určené na organizačné účely – neovplyvňuje renderovanie. Polia output a composition sú dva piliere, ktoré musí mať každá šablóna. Všetko ostatné je voliteľné, ale odomyká výkonné možnosti.

Konfigurácia Výstupu

Objekt output riadi finálny renderovaný súbor: jeho formát, rozmery, frekvenciu snímok, trvanie a farbu pozadia.

{
  "output": {
    "type": "video",
    "width": 1920,
    "height": 1080,
    "fps": 30,
    "duration": 10,
    "backgroundColor": "#000000"
  }
}

Polia Výstupu

Pole	Typ	Predvolené	Popis
`type`	string	`"video"`	Typ výstupu: `"video"` alebo `"image"`
`width`	number	`1920`	Šírka v pixeloch (až do 7680 pre 8K)
`height`	number	`1080`	Výška v pixeloch (až do 4320 pre 8K)
`fps`	number	`30`	Snímok za sekundu (1-120)
`duration`	number	–	Celkové trvanie v sekundách
`backgroundColor`	string	`"#000000"`	Farba pozadia ako hex, RGB alebo pomenovaná farba

Bežné Predvoľby

Tu sú konfigurácie výstupu pre populárne formáty:

1080p Full HD (YouTube, všeobecné použitie):

{
  "type": "video",
  "width": 1920,
  "height": 1080,
  "fps": 30,
  "duration": 60,
  "backgroundColor": "#000000"
}

Instagram Reels / TikTok (9:16 vertikálne):

{
  "type": "video",
  "width": 1080,
  "height": 1920,
  "fps": 30,
  "duration": 30,
  "backgroundColor": "#FFFFFF"
}

4K UHD:

{
  "type": "video",
  "width": 3840,
  "height": 2160,
  "fps": 60,
  "duration": 120,
  "backgroundColor": "#000000"
}

Open Graph / Obrázok na Sociálne Siete:

{
  "type": "image",
  "width": 1200,
  "height": 630,
  "backgroundColor": "#1a1a2e"
}

Pre výstup obrázka sú fps a duration ignorované – renderer zachytí jeden snímok.

Premenné a Vstupy Šablóny

Systém vstupov a premenných je to, čo robí šablóny Rendervid znovupoužiteľnými. Namiesto pevného zakódovania textu, farieb alebo URL do vašej šablóny definujete vstupy a odkazujete sa na ne pomocou syntaxe {{variableName}} kdekoľvek v šablóne.

Definovanie Vstupov

Vstupy sú deklarované v poli inputs na najvyššej úrovni. Každý vstupný objekt popisuje jednu premennú:

{
  "inputs": [
    {
      "key": "title",
      "type": "string",
      "label": "Nadpis",
      "description": "Hlavný text nadpisu zobrazený v úvodnej scéne",
      "required": true,
      "default": "Ahoj Svet"
    },
    {
      "key": "brandColor",
      "type": "color",
      "label": "Firemná Farba",
      "description": "Primárna firemná farba použitá pre pozadia a akcenty",
      "required": false,
      "default": "#FF5733"
    },
    {
      "key": "showSubtitle",
      "type": "boolean",
      "label": "Zobraziť Podnadpis",
      "description": "Prepnúť viditeľnosť podnadpisu",
      "required": false,
      "default": true
    }
  ]
}

Referencia Polí Vstupu

Pole	Typ	Povinné	Popis
`key`	string	Áno	Jedinečný identifikátor použitý v odkazoch `{{key}}`
`type`	string	Áno	Dátový typ: `string`, `number`, `boolean`, `color`, `url`, `array`
`label`	string	Nie	Ľudsky čitateľné označenie pre renderovanie UI
`description`	string	Nie	Vysvetlenie, čo tento vstup ovláda
`required`	boolean	Nie	Či musí byť vstup poskytnutý pri renderovaní
`default`	any	Nie	Záložná hodnota, ak nie je poskytnutý žiadny vstup

Typy Vstupov

string – Voľný text. Použite pre nadpisy, popisy, titulky alebo akýkoľvek textový obsah.
number – Číselné hodnoty. Použite pre trvanie, veľkosti, pozície, úrovne priehľadnosti alebo počty.
boolean – Prepínače pravda/nepravda. Použite pre podmienkovú viditeľnosť, príznaky funkcií alebo prepínače zap/vyp.
color – Hodnoty farieb v hex (#FF5733), RGB (rgb(255,87,51)) alebo pomenovanom formáte. Použite pre pozadia, farby textu a akcenty.
url – Platné URL reťazce. Použite pre zdroje obrázkov, zdroje videí, odkazy a URL písiem.
array – Zoznamy hodnôt. Použite pre galérie obrázkov, zoznamy textu, obsah snímok alebo akékoliv opakujúce sa dáta.

Používanie Premenných v Šablóne

Akmile sú vstupy definované, odkazujte sa na ne kdekoľvek v šablóne pomocou dvojitých zložených zátvoriek:

{
  "type": "text",
  "text": "{{title}}",
  "style": {
    "color": "{{brandColor}}",
    "fontSize": "{{titleSize}}"
  }
}

Premenné sú vyriešené pri renderovaní. Keď zavoláte Rendervid API alebo CLI, odovzdáte skutočné hodnoty:

{
  "title": "Letná Výpredaj 2026",
  "brandColor": "#E63946",
  "titleSize": 72
}

Úplný Príklad Vstupu

Tu je kompletná šablóna s viacerými typmi vstupov pracujúcimi spoločne:

{
  "name": "product-promo",
  "output": {
    "type": "video",
    "width": 1080,
    "height": 1080,
    "fps": 30,
    "duration": 15
  },
  "inputs": [
    {
      "key": "productName",
      "type": "string",
      "label": "Názov Produktu",
      "description": "Názov propagovaného produktu",
      "required": true,
      "default": "Produkt"
    },
    {
      "key": "price",
      "type": "number",
      "label": "Cena",
      "description": "Cena produktu zobrazená vo videu",
      "required": true,
      "default": 29.99
    },
    {
      "key": "productImage",
      "type": "url",
      "label": "URL Obrázka Produktu",
      "description": "URL k obrázku produktu",
      "required": true
    },
    {
      "key": "accentColor",
      "type": "color",
      "label": "Akcentová Farba",
      "description": "Farba použitá pre CTA tlačidlá a zvýraznenia",
      "required": false,
      "default": "#FF6B35"
    },
    {
      "key": "showBadge",
      "type": "boolean",
      "label": "Zobraziť Odznak Výpredaja",
      "description": "Či zobraziť prekryvný odznak výpredaja",
      "required": false,
      "default": false
    },
    {
      "key": "features",
      "type": "array",
      "label": "Vlastnosti Produktu",
      "description": "Zoznam vlastností v bodoch",
      "required": false,
      "default": ["Vlastnosť 1", "Vlastnosť 2", "Vlastnosť 3"]
    }
  ],
  "composition": {
    "scenes": [
      {
        "name": "hero",
        "duration": 15,
        "layers": [
          {
            "type": "image",
            "src": "{{productImage}}",
            "position": { "x": 540, "y": 400 },
            "size": { "width": 600, "height": 600 }
          },
          {
            "type": "text",
            "text": "{{productName}}",
            "style": { "fontSize": 48, "fontWeight": 700, "color": "#FFFFFF" },
            "position": { "x": 540, "y": 80 }
          },
          {
            "type": "text",
            "text": "${{price}}",
            "style": { "fontSize": 64, "fontWeight": 900, "color": "{{accentColor}}" },
            "position": { "x": 540, "y": 900 }
          }
        ]
      }
    ]
  }
}

Táto jediná šablóna môže vygenerovať tisíce jedinečných produktových videí jednoduchým zmenou vstupných hodnôt pri renderovaní – nie sú potrebné žiadne úpravy šablóny.

Scény a Kompozícia

Objekt composition je miesto, kde žije obsah vášho videa. Obsahuje pole scenes a každá scéna predstavuje odlišný segment videa s vlastným trvaním, vrstvami a prechodom.

{
  "composition": {
    "scenes": [
      {
        "name": "intro",
        "duration": 5,
        "transition": {
          "type": "fade",
          "duration": 1
        },
        "layers": [ ... ]
      },
      {
        "name": "main-content",
        "duration": 20,
        "transition": {
          "type": "slide",
          "duration": 0.5,
          "direction": "left"
        },
        "layers": [ ... ]
      },
      {
        "name": "outro",
        "duration": 5,
        "layers": [ ... ]
      }
    ]
  }
}

Polia Scény

Pole	Typ	Povinné	Popis
`name`	string	Nie	Identifikátor scény (pre čitateľnosť a ladenie)
`duration`	number	Áno	Dĺžka scény v sekundách
`transition`	object	Nie	Prechodový efekt pri vstupe do tejto scény z predchádzajúcej
`layers`	array	Áno	Usporiadané pole objektov vrstiev renderovaných zdola nahor

Scény sa prehrávajú postupne. Celkové trvanie videa je súčet všetkých trvaniach scén (mínus akékoľvek prekrytie prechodu). Vrstvy v rámci scény sú renderované v poradí poľa – prvá vrstva sedí na spodku vizuálneho zásobníka a posledná vrstva sedí navrchu.

Ak nie je špecifikovaný žiadny prechod, scéna používa predvolený tvrdý cut.

Systém Vrstiev

Rendervid podporuje osem odlišných typov vrstiev. Každý typ vrstvy slúži na špecifický účel a akceptuje vlastnú sadu vlastností nad spoločnou základnou konfiguráciou.

Zdieľané Vlastnosti Vrstvy

Každá vrstva, bez ohľadu na typ, podporuje tieto základné vlastnosti:

{
  "position": { "x": 100, "y": 100 },
  "size": { "width": 500, "height": 200 },
  "rotation": 0,
  "scale": { "x": 1, "y": 1 },
  "anchor": { "x": 0.5, "y": 0.5 },
  "opacity": 1,
  "blendMode": "normal",
  "from": 0,
  "duration": -1,
  "filters": [],
  "style": {},
  "className": ""
}

Vlastnosť	Typ	Predvolené	Popis
`position`	object	`{x: 0, y: 0}`	X/Y súradnice v pixeloch
`size`	object	–	Šírka a výška v pixeloch
`rotation`	number	`0`	Uhol rotácie v stupňoch
`scale`	object	`{x: 1, y: 1}`	Násobiteľ mierky pre osi X a Y
`anchor`	object	`{x: 0.5, y: 0.5}`	Kotviaci bod pre transformácie (rozsah 0-1, 0.5 = stred)
`opacity`	number	`1`	Priehľadnosť vrstvy (0 = priehľadné, 1 = nepriehľadné)
`blendMode`	string	`"normal"`	CSS režim miešania pre kompozíciu
`from`	number	`0`	Čas začiatku v sekundách (relatívne k začiatku scény)
`duration`	number	`-1`	Trvanie vrstvy v sekundách (-1 = celé trvanie scény)
`filters`	array	`[]`	Pole objektov vizuálnych filtrov
`style`	object	`{}`	Dodatočné vlastnosti štýlu podobné CSS
`className`	string	`""`	Názov CSS triedy pre vlastný štýl

Osem Typov Vrstiev

text – Renderuje štylizovaný text s plnou kontrolou nad písmom, veľkosťou, farbou, zarovnaním, výškou riadku, rozostupom písmen, tieňmi textu a ďalším. Podporuje syntax {{variable}} pre dynamický obsah.
image – Zobrazuje statické obrázky z URL alebo lokálnych ciest. Podporuje orezávanie, režimy object-fit, border radius a filtre obrázkov.
video – Vkladá video klipy v rámci scény. Podporuje orezávanie (začiatok/koniec), ovládanie hlasitosti, rýchlosť prehrávania, opakovanie a stlmenie.
shape – Renderuje geometrické primitívy: obdĺžniky, kruhy, elipsy, čiary a polygóny. Podporuje výplň, obrys, border radius, gradienty a tiene.
audio – Pridáva zvukové stopy do scény. Podporuje hlasitosť, fade in/out, orezávanie a opakovanie. Zvukové vrstvy nemajú žiadnu vizuálnu reprezentáciu.
group – Kontajnerová vrstva, ktorá drží dcérske vrstvy. Skupiny umožňujú aplikovať transformácie, animácie a efekty na viacero vrstiev naraz.
lottie – Renderuje Lottie/Bodymovin JSON animácie. Podporuje rýchlosť prehrávania, opakovanie a ovládanie segmentov pre prehrávanie špecifických rozsahov snímok.
custom – Načítava registrované vlastné komponenty definované v poli customComponents. Použite toto pre znovupoužiteľné, parametrizované šablóny vrstiev.

Pre podrobnú konfiguráciu každého typu vrstvy, vrátane všetkých dostupných vlastností a príkladov kódu, pozrite si Referenciu Komponentov Rendervid .

Animačný Systém

Rendervid obsahuje viac ako 40 vstavaných animačných predvolieb organizovaných do štyroch kategórií: entrance (vstup), exit (výstup), emphasis (zdôraznenie) a keyframe (kľúčový snímok). Animácie sa pripájajú k akejkoľvek vrstve a riadia, ako sa vrstva objaví, zmizne alebo správa počas svojho životného cyklu.

Konfigurácia Animácie

{
  "type": "text",
  "text": "Animovaný Nadpis",
  "animations": [
    {
      "type": "entrance",
      "effect": "fadeInUp",
      "duration": 30,
      "delay": 10,
      "easing": "easeOutCubic",
      "loop": 0,
      "alternate": false
    }
  ]
}

Polia Animácie

Pole	Typ	Predvolené	Popis
`type`	string	–	Kategória animácie: `entrance`, `exit`, `emphasis`, `keyframe`
`effect`	string	–	Názov predvoľby (napr. `fadeInUp`, `pulse`, `bounceOut`)
`duration`	number	`30`	Trvanie v snímkach
`delay`	number	`0`	Oneskorenie pred začiatkom animácie, v snímkach
`easing`	string	`"ease"`	Názov easing funkcie
`loop`	number	`0`	Počet opakovaní (0 = bez opakovania, -1 = nekonečné)
`alternate`	boolean	`false`	Otočiť smer pri alternatívnych opakovaní

Vstupné Animácie (20 predvolieb)

Vstupné animácie riadia, ako sa vrstva objaví na obrazovke. Spustia sa raz, keď je dosiahnutý čas začiatku vrstvy.

Predvoľba	Popis
`fadeIn`	Jednoduché zoslabenie priehľadnosti z 0 na 1
`fadeInUp`	Zoslabovacie zobrazenie pri posúvaní nahor
`fadeInDown`	Zoslabovacie zobrazenie pri posúvaní nadol
`fadeInLeft`	Zoslabovacie zobrazenie pri posúvaní zľava
`fadeInRight`	Zoslabovacie zobrazenie pri posúvaní sprava
`slideInUp`	Posúva sa dovnútra zdola rámca
`slideInDown`	Posúva sa dovnútra zhora rámca
`slideInLeft`	Posúva sa dovnútra z ľavého okraja
`slideInRight`	Posúva sa dovnútra z pravého okraja
`scaleIn`	Zväčšuje sa z 0 na plnú veľkosť
`zoomIn`	Priblíži sa z menšej mierky s miernym prekmitom
`rotateIn`	Otočí sa do pozície z offsetového uhla
`bounceIn`	Odrazí sa do pozície s elastickým prekmitom
`flipInX`	3D preklopenie na osi X (horizontálne preklopenie)
`flipInY`	3D preklopenie na osi Y (vertikálne preklopenie)
`typewriter`	Znaky sa objavujú jeden po druhom (textové vrstvy)
`revealLeft`	Maskové odhalenie posúvajúce sa zľava
`revealRight`	Maskové odhalenie posúvajúce sa sprava
`revealUp`	Maskové odhalenie posúvajúce sa nahor
`revealDown`	Maskové odhalenie posúvajúce sa nadol

Výstupné Animácie (9 predvolieb)

Výstupné animácie riadia, ako vrstva zmizne. Spustia sa na konci trvania vrstvy.

Predvoľba	Popis
`fadeOut`	Jednoduché zoslabenie priehľadnosti z 1 na 0
`slideOutUp`	Posúva sa von cez vrch rámca
`slideOutDown`	Posúva sa von cez spodok rámca
`scaleOut`	Zmenšuje sa z plnej veľkosti na 0
`zoomOut`	Oddiali sa na menšiu mierku a zoslabí
`rotateOut`	Otočí sa z pozície na offsetový uhol
`bounceOut`	Odrazí sa von s elastickým prekmitom pred zmiznutím
`flipOutX`	3D preklopenie von na osi X
`flipOutY`	3D preklopenie von na osi Y

Zdôrazňovacie Animácie (10 predvolieb)

Zdôrazňovacie animácie priťahujú pozornosť k vrstve, zatiaľ čo zostáva viditeľná. Fungujú dobre s opakovaním.

Predvoľba	Popis
`pulse`	Rytmický pulz mierky (rastie a zmenšuje sa)
`shake`	Rýchle horizontálne trasenie
`bounce`	Vertikálny odrazový pohyb
`swing`	Kyvadlový hojdací pohyb rotácie
`wobble`	Mimosové viklanie kombinujúce rotáciu a posunutie
`flash`	Rýchle záblesky priehľadnosti
`rubberBand`	Elastické natiahnutie a cvaknutie efekt
`heartbeat`	Dvojitý pulz rytmu srdcového tepu
`float`	Jemný plávajúci pohyb hore-dole
`spin`	Nepretržitá 360-stupňová rotácia

Animácie Kľúčových Snímok

Pre plnú kreatívnu kontrolu vám animácie kľúčových snímok umožňujú definovať vlastné zmeny vlastností snímok po snímke:

{
  "type": "keyframe",
  "keyframes": [
    { "frame": 0, "opacity": 0, "x": -100 },
    { "frame": 15, "opacity": 1, "x": 0 },
    { "frame": 30, "opacity": 1, "x": 0 },
    { "frame": 45, "opacity": 0, "x": 100 }
  ],
  "easing": "easeInOutCubic"
}

Animácie kľúčových snímok môžu animovať akúkoľvek číselnú vlastnosť: opacity, x, y, rotation, scaleX, scaleY a ďalšie. Každý kľúčový snímok špecifikuje číslo snímky a hodnoty vlastností v tom snímku. Renderer interpoluje medzi kľúčovými snímkami pomocou špecifikovanej easing funkcie.

Kombinovanie Animácií

Jedna vrstva môže mať viacero animácií. Napríklad vstupná animácia nasledovaná zdôrazňovacím opakovaním, potom výstupná animácia:

{
  "animations": [
    {
      "type": "entrance",
      "effect": "fadeInUp",
      "duration": 20,
      "easing": "easeOutCubic"
    },
    {
      "type": "emphasis",
      "effect": "pulse",
      "duration": 30,
      "delay": 20,
      "loop": -1
    },
    {
      "type": "exit",
      "effect": "fadeOut",
      "duration": 15,
      "easing": "easeInCubic"
    }
  ]
}

Easing Funkcie

Easing funkcie riadia rýchlosť zmeny počas animácie, určujúc, či sa pohyb cíti lineárny, plynulý, odrazový alebo elastický. Rendervid obsahuje viac ako 30 vstavaných easing funkcií.

Základné Easing

Funkcia	Popis
`linear`	Konštantná rýchlosť od začiatku do konca, žiadne zrýchlenie
`ease`	Predvolené easing podobné CSS s jemným zrýchlením a spomalením
`easeIn`	Začína pomaly, zrýchľuje sa ku koncu
`easeOut`	Začína rýchlo, spomaľuje sa ku koncu
`easeInOut`	Zrýchľuje sa v prvej polovici, spomaľuje sa v druhej

Kvadratické Easing

Funkcia	Popis
`easeInQuad`	Kvadratické zrýchlenie (t^2)
`easeOutQuad`	Kvadratické spomalenie
`easeInOutQuad`	Kvadratické zrýchlenie potom spomalenie

Kubické Easing

Funkcia	Popis
`easeInCubic`	Kubické zrýchlenie (t^3) – výraznejšie ako kvadratické
`easeOutCubic`	Kubické spomalenie – plynulé a prirodzené zastavenie
`easeInOutCubic`	Kubické ease in a out – najčastejšie používané easing

Kvartické Easing

Funkcia	Popis
`easeInQuart`	Kvartické zrýchlenie (t^4)
`easeOutQuart`	Kvartické spomalenie
`easeInOutQuart`	Kvartické ease in a out

Kvintické Easing

Funkcia	Popis
`easeInQuint`	Kvintické zrýchlenie (t^5) – veľmi ostrý štart
`easeOutQuint`	Kvintické spomalenie – veľmi ostré zastavenie
`easeInOutQuint`	Kvintické ease in a out

Sinusoidálne Easing

Funkcia	Popis
`easeInSine`	Zrýchlenie založené na sínus – najjemnejšia easing krivka
`easeOutSine`	Spomalenie založené na sínus
`easeInOutSine`	Ease in a out založené na sínus

Exponenciálne Easing

Funkcia	Popis
`easeInExpo`	Exponenciálne zrýchlenie – takmer ploché potom ostré
`easeOutExpo`	Exponenciálne spomalenie – ostré potom takmer ploché
`easeInOutExpo`	Exponenciálne ease in a out

Kruhové Easing

Funkcia	Popis
`easeInCirc`	Krivka kruhového zrýchlenia
`easeOutCirc`	Krivka kruhového spomalenia
`easeInOutCirc`	Kruhové ease in a out

Back Easing

Funkcia	Popis
`easeInBack`	Mierne sa stiahne späť pred zrýchlením vpred (anticipácia)
`easeOutBack`	Prekročí cieľ a potom sa vráti späť (prekmit)
`easeInOutBack`	Anticipácia pri vstupe, prekmit pri výstupe

Elastické Easing

Funkcia	Popis
`easeInElastic`	Elastické viklanie pri zrýchlení – pružinové natočenie
`easeOutElastic`	Elastické viklanie pri spomalení – pružinové cvaknutie
`easeInOutElastic`	Elastické na oboch koncoch

Odrazové Easing

Funkcia	Popis
`easeInBounce`	Odrazový efekt pri vstupe – ako lopta pustená v opačnom smere
`easeOutBounce`	Odrazový efekt pri výstupe – ako lopta narážajúca na zem
`easeInOutBounce`	Odrazové na oboch koncoch

Výber Správneho Easing

UI prvky a text: easeOutCubic alebo easeOutQuart pre prirodzené vstupy
Pohyb priťahujúci pozornosť: easeOutElastic alebo easeOutBack pre hravý prekmit
Plynulé opakovanie: easeInOutSine pre jemný, nepretržitý pohyb
Dramatické odhalenia: easeInExpo pre zostavy, easeOutExpo pre prudké zastavenia
Fyzikálna simulácia: easeOutBounce pre efekty podobné gravitácii

Prechody Scén

Prechody riadia, ako jedna scéna prechádza do ďalšej. Rendervid poskytuje 17 typov prechodov od jednoduchých strihovov po kinematografické 3D efekty.

Konfigurácia Prechodu

{
  "name": "scene-two",
  "duration": 10,
  "transition": {
    "type": "fade",
    "duration": 1,
    "direction": "left"
  },
  "layers": [ ... ]
}

Objekt transition je umiestnený na prichádzajúcej scéne (scéna, do ktorej sa prechádza). Vlastnosť direction sa aplikuje iba na smerové prechody ako slide, wipe a push.

Všetkých 17 Typov Prechodov

Prechod	Popis
`cut`	Okamžitý prepínač bez vizuálneho efektu (predvolené)
`fade`	Krížové prelínanie medzi scénami – odchádzajúca scéna sa zoslabovacie zobrazuje, zatiaľ čo prichádzajúca scéna sa zoslabovacie zobrazuje
`zoom`	Priblíži sa do odchádzajúcej scény, zatiaľ čo sa objaví prichádzajúca scéna
`slide`	Prichádzajúca scéna sa posúva cez odchádzajúcu scénu z konfigurovateľného smeru (vľavo, vpravo, hore, dole)
`wipe`	Tvrdý okraj zotrie odhaľuje prichádzajúcu scénu, pohybujúc sa cez rámec v danom smere
`push`	Prichádzajúca scéna vytlačí odchádzajúcu scénu mimo obrazovky v špecifikovanom smere
`rotate`	Odchádzajúca scéna sa otočí preč, zatiaľ čo prichádzajúca scéna sa otočí dnu
`flip`	3D preklopenie prechodu – rámec sa preklopí ako karta, aby odhalil ďalšiu scénu
`blur`	Odchádzajúca scéna sa rozmazáva, zatiaľ čo prichádzajúca scéna sa zaostruje
`circle`	Kruhová maska sa rozširuje zo stredu (alebo špecifikovaného bodu), aby odhalila ďalšiu scénu
`glitch`	Efekt digitálneho glitch skreslenia s chromatickou aberáciou a posunom
`dissolve`	Rozpustenie na úrovni pixelov, kde jednotlivé pixely prechádzajú náhodne medzi scénami
`cube`	3D rotácia kocky – scény sú na susedných stranách rotujúcej kocky
`swirl`	Špirálové skreslenie, ktoré víri odchádzajúcu scénu do prichádzajúcej scény
`diagonal-wipe`	Diagonálne zotretie s tvrdým okrajom pohybujúce sa z jedného rohu do opačného
`iris`	Kruhová clona, ktorá sa otvára alebo zatvára ako objektív fotoaparátu
`crosszoom`	Obe scény sa priblížia súčasne – odchádzajúca sa priblíži, prichádzajúca sa oddiali

Príklady Prechodov

Kinematografické prelínanie s dlhým krížovým prelínaním:

{
  "transition": {
    "type": "fade",
    "duration": 2
  }
}

Posun sprava (bežné pre sekvenčný obsah):

{
  "transition": {
    "type": "slide",
    "duration": 0.5,
    "direction": "right"
  }
}

3D rotácia kocky (dynamický, moderný pocit):

{
  "transition": {
    "type": "cube",
    "duration": 1
  }
}

Glitch efekt (energický, technologicky pokrokový):

{
  "transition": {
    "type": "glitch",
    "duration": 0.3
  }
}

Vizuálne Efekty

Vrstvy Rendervid podporujú rad vizuálnych efektov prostredníctvom filtrov, režimov miešania, tieňov a transformácií.

Filtre

Filtre sa aplikujú prostredníctvom poľa filters na akúkoľvek vrstvu. Každý filter je objekt s type a value:

{
  "filters": [
    { "type": "blur", "value": 5 },
    { "type": "brightness", "value": 1.2 },
    { "type": "contrast", "value": 1.1 },
    { "type": "grayscale", "value": 0.5 },
    { "type": "saturate", "value": 1.5 }
  ]
}

Filter	Rozsah Hodnôt	Popis
`blur`	0+ (pixely)	Gaussovské rozmazanie – vyššie hodnoty produkujú viac rozmazania
`brightness`	0+ (násobiteľ)	0 = čierna, 1 = normálne, 2 = dvojnásobný jas
`contrast`	0+ (násobiteľ)	0 = sivá, 1 = normálne, 2 = dvojnásobný kontrast
`grayscale`	0-1	0 = plná farba, 1 = úplne desaturované
`hue-rotate`	0-360 (stupne)	Otáča farby okolo farebného kruhu
`invert`	0-1	0 = normálne, 1 = úplne invertované farby
`saturate`	0+ (násobiteľ)	0 = desaturované, 1 = normálne, 2 = dvojnásobná saturácia
`sepia`	0-1	0 = normálne, 1 = plný sépiovýtón

Režimy Miešania

Vlastnosť blendMode riadi, ako sa vrstva kompozituje s vrstvami pod ňou:

{
  "type": "shape",
  "blendMode": "multiply",
  "opacity": 0.8
}

Podporované režimy miešania: normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, luminosity.

Tiene

Textové a tvarové vrstvy podporujú efekty tieňov prostredníctvom vlastnosti style:

{
  "style": {
    "shadow": {
      "color": "rgba(0, 0, 0, 0.5)",
      "offsetX": 4,
      "offsetY": 4,
      "blur": 10
    }
  }
}

Kombinovanie Efektov

Filtre, režimy miešania, priehľadnosť a tiene môžu byť všetky kombinované na jednej vrstve pre sofistikované vizuálne spracovanie:

{
  "type": "image",
  "src": "{{backgroundImage}}",
  "opacity": 0.7,
  "blendMode": "overlay",
  "filters": [
    { "type": "blur", "value": 3 },
    { "type": "brightness", "value": 0.8 }
  ],
  "style": {
    "shadow": {
      "color": "rgba(0, 0, 0, 0.3)",
      "offsetX": 0,
      "offsetY": 10,
      "blur": 20
    }
  }
}

Konfigurácia Písiem

Rendervid podporuje Google Fonts (100+ rodín vstavaných) aj vlastné písma načítané z externých URL.

Google Fonts

Deklarujte Google Fonts v poli fonts.google:

{
  "fonts": {
    "google": [
      { "family": "Roboto", "weights": [400, 700] },
      { "family": "Open Sans", "weights": [300, 400, 600, 700] },
      { "family": "Montserrat", "weights": [400, 500, 700, 900] },
      { "family": "Playfair Display", "weights": [400, 700] }
    ]
  }
}

Každý objekt písma vyžaduje:

Pole	Typ	Popis
`family`	string	Názov rodiny Google Font (vyžaduje sa presná zhoda)
`weights`	array	Pole číselných váh na načítanie (100-900)

Bežné váhy písiem: 100 (Thin), 200 (Extra Light), 300 (Light), 400 (Regular), 500 (Medium), 600 (Semi Bold), 700 (Bold), 800 (Extra Bold), 900 (Black).

Vlastné Písma

Načítajte písma z externých URL pomocou poľa fonts.custom:

{
  "fonts": {
    "custom": [
      {
        "family": "MyBrandFont",
        "src": "https://example.com/fonts/brand-font.woff2",
        "weight": 400,
        "style": "normal"
      },
      {
        "family": "MyBrandFont",
        "src": "https://example.com/fonts/brand-font-bold.woff2",
        "weight": 700,
        "style": "normal"
      }
    ]
  }
}

Podporované formáty písiem: WOFF2 (odporúčané pre najmenšiu veľkosť súboru), WOFF, TTF a OTF.

Používanie Písiem vo Vrstvách

Odkazujte sa na deklarované písma podľa názvu rodiny v štýloch textových vrstiev:

{
  "type": "text",
  "text": "{{headline}}",
  "style": {
    "fontFamily": "Montserrat",
    "fontWeight": 700,
    "fontSize": 64,
    "color": "#FFFFFF"
  }
}

Rendervid obsahuje náhradné reťazce písiem špecifické pre platformu, aby zabezpečil konzistentné renderovanie naprieč rôznymi prostrediami. Ak špecifikované písmo nie je k dispozícii, renderer sa vráti k systémovým písmam zodpovedajúcim rovnakej klasifikácii (serif, sans-serif, monospace).

Výstupné Formáty

Rendervid podporuje širokú škálu výstupných formátov a kodekov pre renderovanie videa aj obrázkov.

Video Formáty

Formát	Kodek	Prípona Súboru	Najlepšie Pre
MP4	H.264	`.mp4`	Maximálna kompatibilita – web, mobil, sociálne médiá
WebM	VP8 / VP9	`.webm`	Webové vkladanie s menšími veľkosťami súborov
MOV	ProRes	`.mov`	Profesionálne editačné pracovné postupy, bezstratová kvalita
GIF	–	`.gif`	Krátke animácie, zdieľanie na sociálnych sieťach, email
MP4	H.265 / HEVC	`.mp4`	Novšie zariadenia, o 50% menšie súbory ako H.264 pri rovnakej kvalite
WebM	AV1	`.webm`	Kodek novej generácie, najlepšia efektívnosť kompresie

Formáty Obrázkov

Formát	Prípona Súboru	Najlepšie Pre
PNG	`.png`	Bezstratová kvalita, podpora priehľadnosti
JPEG	`.jpg`	Fotografie, menšie veľkosti súborov
WebP	`.webp`	Moderný web, najlepšia rovnováha kvality a veľkosti

Predvoľby Kvality

Predvoľba	Popis
`draft`	Rýchle renderovanie so zníženou kvalitou – ideálne pre náhľad
`standard`	Vyvážená kvalita a veľkosť súboru – dobré pre väčšinu prípadov použitia
`high`	Vyšší bitrate a kvalita – pre konečné dodávky
`lossless`	Maximálna kvalita bez kompresných artefaktov

Podpora Rozlíšenia

Rendervid podporuje rozlíšenia od malých miniatúr až po 8K:

Rozlíšenie	Rozmery	Bežné Použitie
SD	640 x 480	Miniatúry, náhľady
HD	1280 x 720	Webové video, email
Full HD	1920 x 1080	YouTube, prezentácie
2K	2560 x 1440	Vysokokvalitné displeje
4K UHD	3840 x 2160	Profesionálne, vysielanie
8K	7680 x 4320	Maximálne rozlíšenie, odolné voči budúcnosti

Podporované sú frekvencie snímok od 1 fps (prezentácie) do 120 fps (slow motion, herný obsah). Bežné voľby sú 24 fps (kinematografické), 30 fps (web/sociálne) a 60 fps (plynulý pohyb).

Úplný Príklad

Tu je plná šablóna Rendervid, ktorá demonštruje kľúčové funkcie systému šablón pracujúce spoločne: dynamické vstupy, viacero scén s prechodmi, vrstvené kompozície, animácie s easing, písma a vizuálne efekty.

{
  "name": "tech-product-launch",
  "output": {
    "type": "video",
    "width": 1920,
    "height": 1080,
    "fps": 30,
    "duration": 20,
    "backgroundColor": "#0A0A0A"
  },
  "inputs": [
    {
      "key": "productName",
      "type": "string",
      "label": "Názov Produktu",
      "required": true,
      "default": "ProductX"
    },
    {
      "key": "tagline",
      "type": "string",
      "label": "Slogan",
      "required": true,
      "default": "Budúcnosť je tu."
    },
    {
      "key": "heroImage",
      "type": "url",
      "label": "Hlavný Obrázok",
      "required": true
    },
    {
      "key": "primaryColor",
      "type": "color",
      "label": "Primárna Farba",
      "default": "#6C63FF"
    },
    {
      "key": "ctaText",
      "type": "string",
      "label": "Výzva k Akcii",
      "default": "Zistiť Viac"
    }
  ],
  "fonts": {
    "google": [
      { "family": "Inter", "weights": [400, 600, 800] },
      { "family": "JetBrains Mono", "weights": [400] }
    ]
  },
  "composition": {
    "scenes": [
      {
        "name": "intro",
        "duration": 6,
        "layers": [
          {
            "type": "shape",
            "shape": "rectangle",
            "position": { "x": 960, "y": 540 },
            "size": { "width": 1920, "height": 1080 },
            "style": {
              "fill": "{{primaryColor}}",
              "opacity": 0.1
            }
          },
          {
            "type": "text",
            "text": "{{productName}}",
            "position": { "x": 960, "y": 400 },
            "anchor": { "x": 0.5, "y": 0.5 },
            "style": {
              "fontFamily": "Inter",
              "fontWeight": 800,
              "fontSize": 96,
              "color": "#FFFFFF",
              "textAlign": "center"
            },
            "animations": [
              {
                "type": "entrance",
                "effect": "fadeInUp",
                "duration": 30,
                "delay": 15,
                "easing": "easeOutCubic"
              }
            ]
          },
          {
            "type": "text",
            "text": "{{tagline}}",
            "position": { "x": 960, "y": 520 },
            "anchor": { "x": 0.5, "y": 0.5 },
            "style": {
              "fontFamily": "Inter",
              "fontWeight": 400,
              "fontSize": 36,
              "color": "{{primaryColor}}",
              "textAlign": "center",
              "letterSpacing": 4
            },
            "animations": [
              {
                "type": "entrance",
                "effect": "fadeIn",
                "duration": 25,
                "delay": 40,
                "easing": "easeOutSine"
              }
            ]
          },
          {
            "type": "shape",
            "shape": "rectangle",
            "position": { "x": 960, "y": 600 },
            "size": { "width": 80, "height": 3 },
            "style": {
              "fill": "{{primaryColor}}"
            },
            "animations": [
              {
                "type": "entrance",
                "effect": "scaleIn",
                "duration": 20,
                "delay": 60,
                "easing": "easeOutQuart"
              }
            ]
          }
        ]
      },
      {
        "name": "product-showcase",
        "duration": 8,
        "transition": {
          "type": "slide",
          "duration": 0.8,
          "direction": "left"
        },
        "layers": [
          {
            "type": "image",
            "src": "{{heroImage}}",
            "position": { "x": 1200, "y": 540 },
            "size": { "width": 800, "height": 800 },
            "anchor": { "x": 0.5, "y": 0.5 },
            "filters": [
              { "type": "brightness", "value": 1.1 },
              { "type": "contrast", "value": 1.05 }
            ],
            "animations": [
              {
                "type": "entrance",
                "effect": "zoomIn",
                "duration": 40,
                "easing": "easeOutBack"
              },
              {
                "type": "emphasis",
                "effect": "float",
                "duration": 120,
                "delay": 40,
                "loop": -1,
                "alternate": true
              }
            ]
          },
          {
            "type": "text",
            "text": "Predstavujeme",
            "position": { "x": 400, "y": 350 },
            "anchor": { "x": 0.5, "y": 0.5 },
            "style": {
              "fontFamily": "JetBrains Mono",
              "fontSize": 18,
              "color": "{{primaryColor}}",
              "textTransform": "uppercase",
              "letterSpacing": 6
            },
            "animations": [
              {
                "type": "entrance",
                "effect": "typewriter",
                "duration": 30,
                "delay": 10,
                "easing": "linear"
              }
            ]
          },
          {
            "type": "text",
            "text": "{{productName}}",
            "position": { "x": 400, "y": 430 },
            "anchor": { "x": 0.5, "y": 0.5 },
            "style": {
              "fontFamily": "Inter",
              "fontWeight": 800,
              "fontSize": 72,
              "color": "#FFFFFF"
            },
            "animations": [
              {
                "type": "entrance",
                "effect": "revealLeft",
                "duration": 25,
                "delay": 20,
                "easing": "easeOutQuart"
              }
            ]
          },
          {
            "type": "text",
            "text": "{{tagline}}",
            "position": { "x": 400, "y": 520 },
            "anchor": { "x": 0.5, "y": 0.5 },
            "style": {
              "fontFamily": "Inter",
              "fontWeight": 400,
              "fontSize": 24,
              "color": "#CCCCCC",
              "lineHeight": 1.6
            },
            "animations": [
              {
                "type": "entrance",
                "effect": "fadeInUp",
                "duration": 20,
                "delay": 40,
                "easing": "easeOutCubic"
              }
            ]
          }
        ]
      },
      {
        "name": "cta",
        "duration": 6,
        "transition": {
          "type": "fade",
          "duration": 1.2
        },
        "layers": [
          {
            "type": "shape",
            "shape": "rectangle",
            "position": { "x": 960, "y": 540 },
            "size": { "width": 1920, "height": 1080 },
            "style": {
              "fill": "{{primaryColor}}",
              "opacity": 0.15
            }
          },
          {
            "type": "text",
            "text": "{{productName}}",
            "position": { "x": 960, "y": 380 },
            "anchor": { "x": 0.5, "y": 0.5 },
            "style": {
              "fontFamily": "Inter",
              "fontWeight": 800,
              "fontSize": 80,
              "color": "#FFFFFF",
              "textAlign": "center"
            },
            "animations": [
              {
                "type": "entrance",
                "effect": "bounceIn",
                "duration": 35,
                "easing": "easeOutElastic"
              }
            ]
          },
          {
            "type": "shape",
            "shape": "rectangle",
            "position": { "x": 960, "y": 550 },
            "size": { "width": 280, "height": 60 },
            "style": {
              "fill": "{{primaryColor}}",
              "borderRadius": 30
            },
            "animations": [
              {
                "type": "entrance",
                "effect": "scaleIn",
                "duration": 25,
                "delay": 30,
                "easing": "easeOutBack"
              },
              {
                "type": "emphasis",
                "effect": "pulse",
                "duration": 60,
                "delay": 60,
                "loop": -1,
                "alternate": true
              }
            ]
          },
          {
            "type": "text",
            "text": "{{ctaText}}",
            "position": { "x": 960, "y": 550 },
            "anchor": { "x": 0.5, "y": 0.5 },
            "style": {
              "fontFamily": "Inter",
              "fontWeight": 600,
              "fontSize": 22,
              "color": "#FFFFFF",
              "textAlign": "center"
            },
            "animations": [
              {
                "type": "entrance",
                "effect": "fadeIn",
                "duration": 20,
                "delay": 40,
                "easing": "easeOutSine"
              }
            ]
          }
        ]
      }
    ]
  }
}

Táto šablóna vytvára 20-sekundové video spustenia produktu s tromi scénami: typografický úvod s odstupňovanými textovými animáciami, prezentácia produktu s plávajúcim obrázkom a efektom písacieho stroja a záverečná scéna výzvy k akcii s pulzujúcim tlačidlom. Všetok text, farby a obrázky sú riadené premennými šablóny, čo ju robí plne znovupoužiteľnou.

Ďalšie Kroky

Referencia Komponentov Vrstiev – Hlboký ponor do každého z 8 typov vrstiev s plnou dokumentáciou vlastností a príkladmi
AI Integrácia – Naučte sa generovať a manipulovať šablóny Rendervid pomocou AI, vrátane generovania šablón poháňaného LLM a renderovania citlivého na obsah
Sprievodca Nasadením – Nastavte Rendervid pre produkciu: serverové renderovanie, cloudové nasadenie, dávkové spracovanie a API integrácia

Najčastejšie kladené otázky

Čo je formát šablóny Rendervid?: Šablóny Rendervid sú JSON súbory, ktoré definujú štruktúru, obsah, animácie a výstupné nastavenia videa alebo obrázka. Každá šablóna obsahuje konfiguráciu výstupu (rozmery, fps, trvanie), definície vstupov pre dynamické premenné, kompozíciu so scénami a vrstvami a voliteľné konfigurácie písiem a vlastných komponentov.
Ako fungujú premenné šablóny v Rendervid?: Premenné šablóny používajú syntax {{variableName}}. Vstupy definujete v poli inputs šablóny s kľúčom, typom (string, number, boolean, color, url, array), označením, popisom a predvolenou hodnotou. Pri renderovaní sú tieto premenné nahradené skutočnými hodnotami, čo robí šablóny znovupoužiteľnými a dynamickými.
Koľko animačných predvolieb má Rendervid?: Rendervid obsahuje 40+ vstavaných animačných predvolieb organizovaných do štyroch kategórií: vstupné animácie (fadeIn, slideIn, scaleIn, bounceIn, atď.), výstupné animácie (fadeOut, slideOut, zoomOut, atď.), zdôrazňovacie animácie (pulse, shake, bounce, swing, heartbeat, atď.) a plne prispôsobiteľné kľúčové snímkové animácie s 30+ easing funkciami.
Aké prechody scén sú k dispozícii?: Rendervid ponúka 17 typov prechodov scén: cut, fade, zoom, slide, wipe, push, rotate, flip (3D), blur, circle, glitch, dissolve, cube (3D), swirl, diagonal-wipe, iris a crosszoom. Každý prechod možno nakonfigurovať s parametrami trvania a smeru.
Aké výstupné formáty Rendervid podporuje?: Rendervid podporuje viaceré výstupné formáty vrátane MP4 (H.264), WebM (VP8/VP9), MOV (ProRes), GIF pre video a PNG, JPEG, WebP pre obrázky. Podporované sú aj pokročilé kodeky ako H.265/HEVC a AV1. Rozlíšenie ide až do 8K (7680x4320) s frekvenciou snímok od 1 do 120 fps.
Môžem v šablónach Rendervid používať vlastné písma?: Áno, Rendervid podporuje 100+ vstavaných Google Fonts a načítavanie vlastných písiem z URL vo formátoch WOFF2, WOFF, TTF a OTF. Môžete špecifikovať váhy písiem od 100-900 a konfigurovať náhradné riešenia špecifické pre platformu pre kompatibilitu naprieč prostrediami.

Vytvorme si vlastný AI tím

Pomáhame firmám, ako je tá vaša, vyvíjať inteligentné chatbota, servery MCP, AI nástroje alebo iné typy AI automatizácie na nahradenie ľudí pri opakujúcich sa úlohách vo vašej organizácii.

Naplánujte si demo Vyskúšajte teraz

Zistiť viac

Rendervid Komponenty - Typy Vrstiev, React Komponenty a Vizuálny Editor

Preskúmajte všetky Rendervid komponenty: 8 vstavaných typov vrstiev (text, obrázok, video, tvar, audio, skupina, lottie, vlastný), predpripravené React komponen...

Feb 22, 2026 13 min čítania

Rendervid Components +3

Rendervid Nasadenie - Prehliadač, Node.js, Cloud a Docker Renderovanie

Nasaďte Rendervid kdekoľvek: prehliadačové renderovanie pre náhľady, Node.js pre serverové dávkové zpracovanie, alebo cloudové renderovanie na AWS Lambda, Azure...

Feb 22, 2026 18 min čítania

Rendervid Deployment +3

Rendervid: Bezplatná alternatíva k Remotion pre AI generovanie videí

Objavte Rendervid, bezplatnú open-source alternatívu k Remotion pre programové generovanie videí. AI-first dizajn s MCP integráciou, JSON šablónami, cloudovým r...

Feb 22, 2026 14 min čítania

Rendervid Video Rendering +3