Funciones
Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.
Código que se escribe
códigoeleganterevelacióndireccional
El código se escribe solo con un cursor y colores; las líneas clave se iluminan.
Ideal para: Mostrar lo simple que es la llamada a la API.
Ajustes
Fuente
Tema
Tamaño
Ánimo
Úsala en un vídeo
Lo que puedes cambiar:
lines/languagehighlightLines/fileNamePara desarrolladores (MCP y JSON)
Esta es la escena exacta para enviar a create_animation (MCP): mantén la estructura, cambia las palabras y escribe la narración — la voz fija cuánto dura la escena. Pégala en update_storyboard con set_data para cambiar un vídeo que ya hiciste.
{
"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"
}
}