Données du projet

PropriétéTypeRequisExemplePlage de valeursDescription
typestringfalsevideovideo | animationLe type du projet (par exemple, "vidéo" ou "animation").
widthnumbertrue1920720 - 3840La largeur du canevas du projet. Utilisé comme résolution de base pour le redimensionnement.
heightnumbertrue1080720 - 3840La hauteur du canevas du projet. Utilisé comme résolution de base pour le redimensionnement.
fillstring | objecttrue#000000-L'arrière-plan du canevas du projet. Peut être une chaîne de couleur hexadécimale (par exemple, "#000000") ou un objet de dégradé avec un type "linéaire" ou "radial", un tableau colorStops, et des coordonnées de début/fin.
durationnumbertrue10> 0La durée totale du projet, en secondes.
viewarraytrue--Un tableau d'éléments représentant le contenu visuel du projet, y compris des éléments 2D (Image, Vidéo, Texte, Forme, etc.) et des éléments 3D. Ce tableau ne peut pas être vide.
audioarrayfalse--Un tableau de pistes audio utilisées dans le projet.
effectarrayfalse--Un tableau d'effets visuels appliqués au canevas.
transitionarrayfalse--Un tableau de transitions appliquées entre différentes vues.
remoteFontsarrayfalse--Un tableau de définitions de polices à distance pouvant être utilisées dans les éléments de texte et de sous-titres.

Polices à distance

Le champ remoteFonts vous permet d'inclure des polices web personnalisées dans votre projet. Chaque définition de police doit inclure un lien direct vers le fichier de police (HTTPS uniquement) et des métadonnées de police.

PropriétéTypeRequisExemplePlage de valeursDescription
familystringtrueMy Custom Font-Le nom de la famille de polices qui sera utilisée pour référencer cette police dans les éléments de texte.
urlstringtruehttps://example.com/fonts/mycustomfont.woff2-URL directe HTTPS vers le fichier de police. Doit être un lien accessible publiquement.
weightstringfalse400100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900Le poids de la police. Les valeurs courantes sont 100-900.
stylestringfalsenormalnormal, italicLe style de la police.
formatHintstringfalsewoff2woff2, woff, opentype, truetypeLe format du fichier de police. Cela aide les navigateurs à optimiser le chargement des polices.
unicodeRangestringfalseU+0000-00FF-Plage Unicode facultative pour limiter les caractères auxquels cette police s'applique.

Important :

  • Les URL des polices doivent utiliser le protocole HTTPS pour des raisons de sécurité
  • Le fichier de police doit être accessible publiquement
  • Formats pris en charge : WOFF2 (recommandé), WOFF, OpenType, TrueType
  • Vous pouvez définir plusieurs variantes de la même famille de polices avec des poids et styles différents

Objet de dégradé de remplissage

Le champ fill peut accepter un objet de dégradé avec la structure suivante :

PropriétéTypeRequisExemplePlage de valeursDescription
typestringtrue-linear, radialLe type de dégradé.
colorStopsarraytrue--Un tableau d'objets d'arrêt de couleur définissant les couleurs et leurs positions le long du dégradé.
startobjecttrue--La coordonnée de départ du dégradé sous forme d'objet avec des propriétés x et y.
endobjecttrue--La coordonnée de fin du dégradé sous forme d'objet avec des propriétés x et y.

Objet d'arrêt de couleur

PropriétéTypeRequisExemplePlage de valeursDescription
colorstringtrue--La valeur de couleur à cet arrêt, au format hexadécimal.
offsetnumbertrue-0 - 1La position de cet arrêt de couleur le long du dégradé (0.0 à 1.0).
projectData.json
{
  "type": "",
  "width": 1920,
  "height": 1080,
  "fill": "#000000",
  "view": [
    {
      "id": "8ecf7475-2c6c-47f9-827b-a09c7913f4c0",
      "type": "Image",
      "start": 0,
      "duration": 5,
      "trackIndex": 0,
      "x": -570.0335392757963,
      "y": -170.90659033307685,
      "blendMode": "normal",
      "anchorX": 1302,
      "anchorY": 2312,
      "rotation": 0,
      "scaleX": 0.23356401384083045,
      "scaleY": 0.23356401384083045,
      "alpha": 1,
      "skewX": 0,
      "skewY": 0,
      "keyframes": [],
      "externalUrl": "https://images.pexels.com/photos/30465303/pexels-photo-30465303.jpeg",
      "ext": "jpeg"
    }
  ],
  "audio": [],
  "effect": [],
  "transition": [],
  "remoteFonts": [
    {
      "family": "My Custom Font",
      "url": "https://example.com/fonts/mycustomfont.woff2",
      "weight": "400",
      "style": "normal",
      "formatHint": "woff2"
    },
    {
      "family": "My Custom Font",
      "url": "https://example.com/fonts/mycustomfont-bold.woff2",
      "weight": "700",
      "style": "normal",
      "formatHint": "woff2"
    }
  ],
  "version": 0,
  "duration": 5
}