Aller au contenu principal
Fonctionnalités

Sortie en direct du vrai moteur de rendu — modifiez les réglages et elle se met à jour instantanément.

Code qui s'écrit

codeélégantrévélationdirectionnel

Le code s'écrit tout seul avec un curseur, en couleurs ; les lignes clés s'allument.

Idéal pour : Montrer la simplicité de l'appel API.

Réglages

Police
Thème
Taille
Humeur

L'utiliser dans un film

Ce que vous pouvez changer :lines/languagehighlightLines/fileName
Pour les développeurs (MCP et JSON)

Voici la scène exacte à envoyer à create_animation (MCP) : gardez la structure, changez les mots et écrivez la narration — c'est la voix qui fixe la durée de la scène. Collez-la dans update_storyboard avec set_data pour modifier un film déjà fait.

{
  "visual": "code",
  "motion": "wipeSide",
  "heading": "Code",
  "caption": "One call makes the film",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "code": {
      "language": "ts",
      "fileName": "film.ts",
      "lines": [
        "import { create } from \"pagetovid\";",
        "",
        "const film = await create({",
        "  url: \"https://example.com\",",
        "  aspect: \"9:16\",",
        "});"
      ],
      "highlightLines": [
        3,
        6
      ],
      "kind": "typing"
    },
    "caption": "One call makes the film"
  }
}

Autres animations Fonctionnalités