Funktionen
Live-Ausgabe der echten Render-Engine — ändere die Einstellungen und sie aktualisiert sich sofort.
Code tippt sich
codeelegantEnthüllunggerichtet
Code tippt sich selbst mit Cursor und Syntaxfarben; die wichtigen Zeilen leuchten auf.
Ideal für: Zeigen, wie einfach der API-Aufruf ist.
Einstellungen
Schrift
Theme
Größe
Stimmung
In einem Film verwenden
Was du ändern kannst:
lines/languagehighlightLines/fileNameFür Entwickler (MCP und JSON)
Das ist genau die Szene für create_animation (MCP): Struktur behalten, Worte ändern und den Sprechertext schreiben — die Stimme bestimmt, wie lange die Szene dauert. Mit set_data in update_storyboard einfügen, um einen fertigen Film zu ändern.
{
"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"
}
}