Schema-Playground

Wähle ein Beispiel, bearbeite das JSON und erstelle einen Videolink zum Teilen.

Ohne Registrierung
Keine Credits nötig
Links gelten 7 Tage

RenderingVideo-Schema

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
            }
          ]
        }
      ]
    }
  ]
}

Schema-Prüfung bestanden258 Zeilen

Vorschauergebnis

Gestaffelte Texte und Szenenwechsel. Überschrift, Schriftgröße oder Timing ändern. Originaler Beispielfilm. Erstellen Sie eine Vorschau Ihrer Änderungen.

Aktuelle Komposition

Auflösung: 960 × 540
Dauer: 6 s
Bildrate: 30 FPS

Text5Bildelemente4

Vorschau ohne Anmeldung oder Credits.Erstellen mit⌘ / CtrlEnter

Mit einer kleinen Änderung starten

Wählen Sie ein Thema, lernen Sie die Felder kennen und testen Sie sie im Beispiel.

text / style

Suchen Sie einen Textclip, ersetzen Sie den Text und ändern Sie fontSize. Beobachten Sie zunächst die Wirkung einer einzelnen Änderung.

Feldausschnitt

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

Vor dem nächsten Schritt

Vorschauen, gespeichertes JSON und fertige Videos.

Kann ich ohne Anmeldung eine Videovorschau erstellen?

Ja. Öffne den Playground, wähle ein Beispiel oder füge dein JSON ein und erstelle einen teilbaren Vorschaulink. Dafür sind weder Konto noch API-Schlüssel oder Credits nötig. Links laufen nach 7 Tagen ab. Der Export einer fertigen MP4 ist ein separater Vorgang und erfordert ein Konto und Credits.

Warum ändert sich das Bild nach der Bearbeitung nicht?

Der Referenzfilm zeigt das Original. Erstellen Sie nach JSON-Änderungen eine neue Vorschau und öffnen Sie Meine Vorschau. Das Schema wird vorher geprüft.

Werden meine JSON-Änderungen gespeichert?

Beim Wechsel der Beispiele bleiben Entwürfe auf dieser Seite erhalten. Neuladen oder Schließen löscht sie. Laden Sie das JSON herunter oder kopieren Sie den Code.

Wie erhalte ich eine fertige MP4-Datei?

Diese Seite erstellt Vorschauen mit 7 Tagen Gültigkeit. Für eine fertige Datei erstellen und rendern Sie einen Videotask per Agent oder API. Das endgültige Rendering verbraucht Credits.

Anwendung anbindenÜbergeben Sie getestetes JSON an die Video-API für die Stapelerstellung.Mit dem Agent entwerfenBeschreiben Sie Ihre Idee und lassen Sie den Agent bei Szenen und Animationen helfen.