Zona de juegos de esquema

Elige un ejemplo, edita el JSON y genera un enlace de vídeo para compartir.

Sin registrarte
Sin gastar créditos
Enlaces válidos 7 días

RenderingVideo Esquema

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 verificado258 líneas

Vista previa del resultado

Texto escalonado y transición de escena. Edita el título, tamaño o tiempos. Vídeo original. Genera una vista previa para ver tus cambios.

Composición actual

Resolución: 960 × 540
Duración: 6 s
Fotogramas: 30 FPS

Texto5Elementos visuales4

Previsualiza sin iniciar sesión ni gastar créditos.Generar con⌘ / CtrlEnter

Empieza con un pequeño cambio

Elige qué editar, entiende los campos principales y pruébalos en un ejemplo.

text / style

Busca un clip de texto, cambia su contenido y ajusta fontSize. Modifica una cosa y observa su efecto en la imagen.

Fragmento de campos

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

Antes de seguir creando

Diferencias entre vistas previas, JSON guardado y vídeos finales.

¿Puedo crear una vista previa sin iniciar sesión?

Sí. Abre el Playground, elige un ejemplo o pega tu JSON y genera un enlace de vista previa para compartir. No necesitas cuenta, clave API ni créditos. Los enlaces caducan a los 7 días. Exportar un MP4 final es un proceso aparte que requiere una cuenta y créditos.

¿Por qué la imagen no cambia al editar?

La película de referencia muestra el original. Tras editar el JSON, pulsa Generar vista previa y abre Mi vista previa. El esquema se valida antes de generar.

¿Se guardan mis cambios del JSON?

Al cambiar de ejemplo se conserva cada borrador en esta página. Recargarla o cerrarla los borra. Descarga el JSON o copia el código para guardarlo.

¿Cómo consigo un MP4 terminado?

Esta página crea vistas previas temporales que caducan en 7 días. Usa el Agent o la API para crear y renderizar una tarea de vídeo. El renderizado final consume créditos.

Conecta tu aplicaciónEnvía tu JSON probado a la API de vídeo para generar vídeos por lotes.Crea un borrador con el AgentDescribe tu idea y recibe ayuda para componer escenas y animaciones.