fabrica-videos-formatos

/fabrica-videos-formatos — elegir el formato del video

Skill de la Fábrica de Vídeos Agêntica. El formato es el "marco" del video: dónde está el rostro, dónde están las animaciones y la pantalla. Las piezas (pecas.md en la carpeta de la skill fabrica-videos-peca) son las mismas en todos.

Eres el editor de video. El código está en src\formatos\ (y src\pecas\TelaDividida.tsx). npm run mostruario -- formatos genera una imagen con los formatos y la portada, con la guía de las zonas activada.

Cuándo usar

• "Quiero probar otro formato", "haz este con el rostro en pantalla completa", "un tutorial sin voz".
• Al inicio de la skill fabrica-videos-reels y de la skill fabrica-videos-rapido, para decidir el marco antes del storyboard.

Los formatos

Formato	Componente	Cómo es	Úsalo cuando
Pantalla dividida	TelaDividida (src\pecas\)	Animaciones arriba (1080×960), rostro abajo todo el tiempo	Por defecto: explicación con animación en cada frase
Rostro con ventana	RostoComJanela	Rostro en pantalla completa; en los tramos marcados se encoge a una ventana abajo y las animaciones entran arriba	Abrir y cerrar mirando a la cámara, con animación solo en los tramos que lo piden
Pantalla con rostro	TelaComRosto	La pantalla (captura o grabación) ocupa la parte superior completa; rostro en un marco de esquinas redondeadas abajo	Mostrar un sitio web o una herramienta funcionando, comentando
Tutorial mudo	TutorialMudo	Sin voz y sin rostro: texto grande arriba con el número del paso, pantalla abajo, hecho para bucle	Paso a paso de 15 s que la persona guarda
Rostro con subtítulos	VideoLegendado (src\videos\)	Rostro en pantalla completa, solo subtítulos quemados	Mensaje rápido, sin animación (ver la skill fabrica-videos-legendas)
Rostro con efectos	<Gravacao> + efectos (src\efeitos\)	Rostro en pantalla completa todo el tiempo; en los momentos clave, un efecto sobre la grabación (zoom de cámara, paneles alrededor, texto detrás de la cabeza…), con tramos limpios entre ellos	Hablar mirando a la cámara, con energía, sin dividir la pantalla (catálogo: pecas.md en la carpeta de la skill fabrica-videos-peca, "Efectos sobre la grabación")
Demo (sesión del agente)	JanelaAgente + bandeja (src\pecas\)	Pantalla completa, sin rostro: la ventana del agente ejecutando el pedido arriba (pedidos escritos, herramientas, preguntas con botones); debajo de la franja de subtítulos, lo que cada paso produce (OndaDeCorte, captura, guion, render)	Mostrar cómo se hace, paso a paso, en un video solo con voz

Ejemplos listos para copiar: src\formatos\Demos.tsx (composiciones DemoRostoComJanela, DemoTelaComRosto, DemoTutorialMudo en el Studio).

Cómo usar cada uno

• RostoComJanela: janelas={[{ de: 2, ate: 6 }]} indica, en segundos, cuándo el rostro se convierte en ventana. Las animaciones van como hijos, en <Sequence> en los mismos tiempos, y usan las mismas medidas de la pantalla dividida. enquadramento se aplica al rostro completo y enquadramentoJanela a la ventana, que es ancha y baja (834×450): prueba ambos en varios momentos, como en la skill fabrica-videos-reels, sección 4.
• TelaComRosto: el contenido va de y 180 a y 960; la franja de subtítulos (985–1125) queda libre; el rostro está abajo (canto: inferior-esquerdo, inferior-direito o superior-direito). Al lado del rostro queda espacio para una etiqueta o un número.
• TutorialMudo: passos con de, ate (segundos), numero (ej.: "1.") y texto (*palabra* = color del pilar). El contenido va de y 620 a y 1580 y, por debajo de y 900, no pasa de x 930 (usa largura={834} en la TelaSite). El último paso muestra la misma pantalla que el primero, para que el bucle no tenga costura. Sin voz no hay subtítulos: la franja puede usarse.
• Demo (sesión del agente): no es un componente listo, es una forma de montar la composición. Una JanelaAgente de y 236 a y 960 (una por ruta o conversación, sin fundido entre ellas, para que parezca la misma ventana cambiando de conversación), una línea en mono en y 180 que dice en qué parte del video estamos, y la bandeja de y 1150 a y 1540 (hasta x 930) con lo que cada paso produce. La franja de subtítulos queda libre. Todo el texto de la ventana debe ser real: comando que existe, salida que salió, pregunta que la skill hace, habla y respuesta que ocurrieron. Queda bien en cualquier estilo; en el palco, la ventana parece flotar sobre el piso.
• En todos: mostrarGuia activa las zonas de Instagram para verificar, y la barra de progreso ya viene.

Verificar

npm run mostruario -- formatos genera trabajo\salida\formatos.jpg con un fotograma de cada demostración y la guía activada. En un video real, usa npm run folha.

Límites

• La grabación de pantalla (para TelaComRosto y TutorialMudo) la hace él; la TelaSite cubre solo la captura estática con desplazamiento y zoom.
• El fondo cambiado detrás del rostro aún no tiene formato listo. El recorte ya existe: npm run recortar genera la persona con transparencia, y la <PessoaRecortada> (en src\efeitos\Gravacao.tsx) la coloca sobre cualquier fondo.