Erste Schritte

1. Minimale Struktur

Beginne mit dieser Form:

{
  "meta": {
    "version": "2.0.0",
    "width": 1920,
    "height": 1080,
    "fps": 30,
    "background": "#0b1020"
  },
  "tracks": [
    {
      "id": "main",
      "clips": []
    }
  ]
}

Erforderlich:

meta.version
meta.width
meta.height
meta.fps
tracks

2. Deinen ersten sichtbaren Clip hinzufügen

{
  "type": "text",
  "start": 0,
  "duration": 3,
  "text": "Hello, world",
  "transform": {
    "x": "50%",
    "y": "50%"
  },
  "style": {
    "fontSize": 72,
    "fontWeight": 700,
    "fill": "#ffffff",
    "textAlign": "center"
  }
}

Füge diesen Clip in tracks[0].clips ein.

3. Vollständiges erstes Beispiel

{
  "meta": {
    "version": "2.0.0",
    "title": "My First Video",
    "width": 1920,
    "height": 1080,
    "fps": 30,
    "background": "#0b1020"
  },
  "tracks": [
    {
      "id": "main",
      "clips": [
        {
          "type": "text",
          "start": 0,
          "duration": 3,
          "text": "Hello, world",
          "transform": {
            "x": "50%",
            "y": "50%"
          },
          "style": {
            "fontSize": 72,
            "fontWeight": 700,
            "fill": "#ffffff",
            "textAlign": "center"
          },
          "animations": [
            {
              "type": "fadeIn",
              "duration": 0.5
            }
          ]
        }
      ]
    }
  ]
}

4. Was du als Nächstes tun kannst

Du willst Struktur und Regeln: lies Grundkonzepte
Du willst ein reines Textanimations-Beispiel: lies Textanimation erstellen
Du willst eine Feldreferenz: lies JSON-Struktur und Feldregeln

Erste Schritte

1. Minimale Struktur

2. Deinen ersten sichtbaren Clip hinzufügen

3. Vollständiges erstes Beispiel

4. Was du als Nächstes tun kannst

On this page