Playground de schema

Escolha um exemplo, edite o JSON e gere um link de vídeo para compartilhar.

Sem cadastro
Sem usar créditos
Links válidos por 7 dias

Schema do RenderingVideo

pg-title-sequence.json

{
  "meta": {
    "version": "2.0.0",
    "title": "Design in motion",
    "description": "Original editable Playground example. Rendered with the RenderingVideo schema engine.",
    "width": 960,
    "height": 540,
    "fps": 30,
    "background": "#E7BDB4"
  },
  "assets": {
    "fonts": [
      {
        "id": "jakarta",
        "src": "/samples/jakarta.woff2",
        "family": "Jakarta",
        "weight": "200 800"
      }
    ]
  },
  "tracks": [
    {
      "id": "composition",
      "clips": [
        {
          "type": "rect",
          "start": 0,
          "duration": 6,
          "transform": {
            "x": 0,
            "y": 0,
            "width": 960,
            "height": 540
          },
          "style": {
            "fill": "#E7BDB4"
          }
        },
        {
          "type": "text",
          "text": "STUDIO JOURNAL",
          "start": 0,
          "duration": 6,
          "transform": {
            "x": 0,
            "y": -195
          },
          "style": {
            "fontFamily": "Jakarta",
            "fontSize": 15,
            "fontWeight": 700,
            "fill": "#4C302C"
          }
        },
        {
          "type": "line",
          "points": [
            [
              -405,
              -150
            ],
            [
              405,
              -150
            ]
          ],
          "start": 0,
          "duration": 6,
          "style": {
            "stroke": "#936C64",
            "strokeWidth": 1
          }
        },
        {
          "type": "text",
          "text": "DESIGN",
          "start": 0.2,
          "duration": 3.4,
          "transform": {
            "x": -70,
            "y": -53
          },
          "style": {
            "fontFamily": "Jakarta",
            "fontSize": 106,
            "fontWeight": 700,
            "fill": "#392C29"
          },
          "animations": [
            {
              "type": "slideIn",
              "direction": "right",
              "distance": 65,
              "duration": 0.55,
              "easing": "easeOutCubic"
            },
            {
              "type": "fadeIn",
              "duration": 0.4
            }
          ]
        },
        {
          "type": "text",
          "text": "IN MOTION",
          "start": 0.55,
          "duration": 3.05,
          "transform": {
            "x": 26,
            "y": 60
          },
          "style": {
            "fontFamily": "Jakarta",
            "fontSize": 81,
            "fontWeight": 700,
            "fill": "#392C29"
          },
          "animations": [
            {
              "type": "slideIn",
              "direction": "left",
              "distance": 65,
              "duration": 0.55,
              "easing": "easeOutCubic"
            },
            {
              "type": "fadeIn",
              "duration": 0.4
            }
          ]
        },
        {
          "type": "rect",
          "start": 1.1,
          "duration": 2.5,
          "transform": {
            "x": 0,
            "y": 147,
            "width": 140,
            "height": 7
          },
          "style": {
            "fill": "#B54732"
          },
          "keyframes": [
            {
              "property": "scale",
              "frames": [
                {
                  "time": 0,
                  "value": [
                    0.02857142857142857,
                    1
                  ],
                  "easing": "easeInOutCubic"
                },
                {
                  "time": 0.7,
                  "value": [
                    1.0,
                    1
                  ],
                  "easing": "easeInOutCubic"
                },
                {
                  "time": 2.5,
                  "value": [
                    1.9285714285714286,
                    1
                  ],
                  "easing": "easeInOutCubic"
                }
              ]
            }
          ]
        },
        {
          "type": "rect",
          "start": 3.6,
          "duration": 2.4,
          "transform": {
            "x": 0,
            "y": 0,
            "width": 960,
            "height": 540
          },
          "style": {
            "fill": "#392C29"
          },
          "transition": {
            "type": "wipe",
            "direction": "up",
            "duration": 0.45
          }
        },
        {
          "type": "text",
          "text": "Ideas take shape.",
          "start": 3.9,
          "duration": 2.1,
          "transform": {
            "x": 0,
            "y": -18
          },
          "style": {
            "fontFamily": "Jakarta",
            "fontSize": 60,
            "fontWeight": 700,
            "fill": "#F7EDE8"
          },
          "animations": [
            {
              "type": "slideIn",
              "direction": "up",
              "distance": 35,
              "duration": 0.55,
              "easing": "easeOutCubic"
            },
            {
              "type": "fadeIn",
              "duration": 0.4
            }
          ]
        },
        {
          "type": "text",
          "text": "A TITLE SEQUENCE",
          "start": 4.25,
          "duration": 1.75,
          "transform": {
            "x": 0,
            "y": 74
          },
          "style": {
            "fontFamily": "Jakarta",
            "fontSize": 16,
            "fontWeight": 700,
            "fill": "#E7BDB4"
          },
          "animations": [
            {
              "type": "slideIn",
              "direction": "up",
              "distance": 15,
              "duration": 0.55,
              "easing": "easeOutCubic"
            },
            {
              "type": "fadeIn",
              "duration": 0.4
            }
          ]
        }
      ]
    }
  ]
}

{
  "meta": {
    "version": "2.0.0",
    "title": "Design in motion",
    "description": "Original editable Playground example. Rendered with the RenderingVideo schema engine.",
    "width": 960,
    "height": 540,
    "fps": 30,
    "background": "#E7BDB4"
  },
  "assets": {
    "fonts": [
      {
        "id": "jakarta",
        "src": "/samples/jakarta.woff2",
        "family": "Jakarta",
        "weight": "200 800"
      }
    ]
  },
  "tracks": [
    {
      "id": "composition",
      "clips": [
        {
          "type": "rect",
          "start": 0,
          "duration": 6,
          "transform": {
            "x": 0,
            "y": 0,
            "width": 960,
            "height": 540
          },
          "style": {
            "fill": "#E7BDB4"
          }
        },
        {
          "type": "text",
          "text": "STUDIO JOURNAL",
          "start": 0,
          "duration": 6,
          "transform": {
            "x": 0,
            "y": -195
          },
          "style": {
            "fontFamily": "Jakarta",
            "fontSize": 15,
            "fontWeight": 700,
            "fill": "#4C302C"
          }
        },
        {
          "type": "line",
          "points": [
            [
              -405,
              -150
            ],
            [
              405,
              -150
            ]
          ],
          "start": 0,
          "duration": 6,
          "style": {
            "stroke": "#936C64",
            "strokeWidth": 1
          }
        },
        {
          "type": "text",
          "text": "DESIGN",
          "start": 0.2,
          "duration": 3.4,
          "transform": {
            "x": -70,
            "y": -53
          },
          "style": {
            "fontFamily": "Jakarta",
            "fontSize": 106,
            "fontWeight": 700,
            "fill": "#392C29"
          },
          "animations": [
            {
              "type": "slideIn",
              "direction": "right",
              "distance": 65,
              "duration": 0.55,
              "easing": "easeOutCubic"
            },
            {
              "type": "fadeIn",
              "duration": 0.4
            }
          ]
        },
        {
          "type": "text",
          "text": "IN MOTION",
          "start": 0.55,
          "duration": 3.05,
          "transform": {
            "x": 26,
            "y": 60
          },
          "style": {
            "fontFamily": "Jakarta",
            "fontSize": 81,
            "fontWeight": 700,
            "fill": "#392C29"
          },
          "animations": [
            {
              "type": "slideIn",
              "direction": "left",
              "distance": 65,
              "duration": 0.55,
              "easing": "easeOutCubic"
            },
            {
              "type": "fadeIn",
              "duration": 0.4
            }
          ]
        },
        {
          "type": "rect",
          "start": 1.1,
          "duration": 2.5,
          "transform": {
            "x": 0,
            "y": 147,
            "width": 140,
            "height": 7
          },
          "style": {
            "fill": "#B54732"
          },
          "keyframes": [
            {
              "property": "scale",
              "frames": [
                {
                  "time": 0,
                  "value": [
                    0.02857142857142857,
                    1
                  ],
                  "easing": "easeInOutCubic"
                },
                {
                  "time": 0.7,
                  "value": [
                    1.0,
                    1
                  ],
                  "easing": "easeInOutCubic"
                },
                {
                  "time": 2.5,
                  "value": [
                    1.9285714285714286,
                    1
                  ],
                  "easing": "easeInOutCubic"
                }
              ]
            }
          ]
        },
        {
          "type": "rect",
          "start": 3.6,
          "duration": 2.4,
          "transform": {
            "x": 0,
            "y": 0,
            "width": 960,
            "height": 540
          },
          "style": {
            "fill": "#392C29"
          },
          "transition": {
            "type": "wipe",
            "direction": "up",
            "duration": 0.45
          }
        },
        {
          "type": "text",
          "text": "Ideas take shape.",
          "start": 3.9,
          "duration": 2.1,
          "transform": {
            "x": 0,
            "y": -18
          },
          "style": {
            "fontFamily": "Jakarta",
            "fontSize": 60,
            "fontWeight": 700,
            "fill": "#F7EDE8"
          },
          "animations": [
            {
              "type": "slideIn",
              "direction": "up",
              "distance": 35,
              "duration": 0.55,
              "easing": "easeOutCubic"
            },
            {
              "type": "fadeIn",
              "duration": 0.4
            }
          ]
        },
        {
          "type": "text",
          "text": "A TITLE SEQUENCE",
          "start": 4.25,
          "duration": 1.75,
          "transform": {
            "x": 0,
            "y": 74
          },
          "style": {
            "fontFamily": "Jakarta",
            "fontSize": 16,
            "fontWeight": 700,
            "fill": "#E7BDB4"
          },
          "animations": [
            {
              "type": "slideIn",
              "direction": "up",
              "distance": 15,
              "duration": 0.55,
              "easing": "easeOutCubic"
            },
            {
              "type": "fadeIn",
              "duration": 0.4
            }
          ]
        }
      ]
    }
  ]
}

Esquema validado258 linhas

Resultado da prévia

Texto escalonado e transição de cena. Edite o título, tamanho ou tempo. Filme original. Gere uma prévia para ver suas alterações.

Composição atual

Resolução: 960 × 540
Duração: 6 s
Taxa de quadros: 30 FPS

Texto5Elementos visuais4

Prévia sem login ou consumo de créditos.Gerar com⌘ / CtrlEnter

Comece com uma pequena alteração

Escolha o que editar, conheça os campos principais e teste em um exemplo.

text / style

Encontre um clipe de texto, substitua o conteúdo e ajuste fontSize. Altere uma coisa por vez e observe o efeito na imagem.

Trecho dos campos

"text": "YOUR NEXT IDEA",
"style": {
  "fontSize": 81,
  "fill": "#392C29"
}

Antes de continuar

A diferença entre prévias, JSON salvo e vídeos finais.

Posso criar uma prévia de vídeo sem fazer login?

Sim. Abra o Playground, escolha um exemplo ou cole seu JSON e gere um link de prévia para compartilhar. Não é necessário ter conta, chave API ou créditos. Os links expiram após 7 dias. Exportar um MP4 final é um processo separado que exige conta e créditos.

Por que a imagem não mudou após a edição?

O filme de referência mostra o original. Após editar o JSON, gere uma prévia e abra Minha prévia. O esquema é validado antes da geração.

Minhas alterações no JSON são salvas?

Trocar de exemplo mantém cada rascunho nesta página. Recarregar ou fechar a página os apaga. Baixe o JSON ou copie o código para salvar.

Como obtenho um MP4 final?

Esta página cria prévias temporárias válidas por 7 dias. Use o Agent ou a API para criar e renderizar uma tarefa de vídeo. A renderização final consome créditos.

Conecte seu aplicativoEnvie o JSON testado à API de vídeo para gerar vídeos em lote.Crie um rascunho com o AgentDescreva sua ideia e receba ajuda para compor cenas e animações.