fabrica-videos-formatos

/fabrica-videos-formatos — choisir le format du vidéo

Compétence de la Fabrique de Vidéos Agêntica. Le format est le « cadre » du vidéo : où se trouve le visage, où se trouvent les animations et l'écran. Les pièces (pecas.md (dans le dossier de la compétence fabrica-videos-peca) sont les mêmes pour tous.

Vous êtes le monteur vidéo. Le code se trouve dans src\formatos\ (et src\pecas\TelaDividida.tsx). npm run mostruario -- formatos génère une image avec les formats et la couverture, avec le guide des zones activé.

Quand utiliser

• « Je veux tester un autre format », « fais ça avec le visage en plein écran », « un tutoriel sans parole ».
• Au début de la compétence fabrica-videos-reels et de la compétence fabrica-videos-rapido, pour décider du cadre avant le storyboard.

Les formats

Format	Composant	À quoi ça ressemble	Quand l'utiliser
Écran partagé	TelaDividida (src\pecas\)	Animations en haut (1080×960), visage en bas tout le temps	Le standard : explication avec animation à chaque phrase
Visage avec fenêtre	RostoComJanela	Visage en plein écran ; dans les passages marqués, il se réduit à une fenêtre en bas et les animations entrent en haut	Ouvrir et fermer en regardant la caméra, avec animation uniquement dans les passages qui le demandent
Écran avec visage	TelaComRosto	L'écran (capture d'écran ou enregistrement) occupe toute la partie supérieure ; visage dans un cadre aux coins arrondis en bas	Montrer un site ou un outil en fonctionnement, en commentant
Tutoriel muet	TutorialMudo	Sans parole et sans visage : grand texte en haut avec le numéro de l'étape, écran en bas, conçu pour la boucle	Pas à pas de 15 s que la personne sauvegarde
Visage avec légende	VideoLegendado (src\videos\)	Visage en plein écran, seulement légende incrustée	Message rapide, sans animation (voir la compétence fabrica-videos-legendas)
Visage avec effets	<Gravacao> + effets (src\efeitos\)	Visage en plein écran tout le temps ; aux moments clés, un effet sur l'enregistrement (zoom de caméra, panneaux autour, texte derrière la tête…), avec des passages propres entre eux	Parler en regardant la caméra, avec énergie, sans diviser l'écran (catalogue : pecas.md (dans le dossier de la compétence fabrica-videos-peca), « Effets sur l'enregistrement »)
Démo (session de l'agent)	JanelaAgente + bande (src\pecas\)	Plein écran, sans visage : la fenêtre de l'agent exécutant la demande en haut (demandes tapées, outils, questions avec boutons) ; sous la bande de légende, ce que chaque étape produit (OndaDeCorte, capture d'écran, script, rendu)	Montrer comment on fait, pas à pas, dans une vidéo uniquement avec voix

Exemples prêts à copier : src\formatos\Demos.tsx (compositions DemoRostoComJanela, DemoTelaComRosto, DemoTutorialMudo dans le Studio).

Comment utiliser chacun

• RostoComJanela : janelas={[{ de: 2, ate: 6 }]} indique, en secondes, quand le visage devient une fenêtre. Les animations sont placées comme enfants, dans des <Sequence> aux mêmes moments, et utilisent les mêmes mesures que l'écran partagé. enquadramento s'applique au visage plein et enquadramentoJanela à la fenêtre, qui est large et basse (834×450) : testez les deux à différents moments, comme dans la compétence fabrica-videos-reels, section 4.
• TelaComRosto : le contenu va de y 180 à y 960 ; la bande de légende (985–1125) reste libre ; le visage se trouve en bas (canto : inferior-esquerdo, inferior-direito ou superior-direito). À côté du visage, il reste de l'espace pour une étiquette ou un numéro.
• TutorialMudo : passos avec de, ate (secondes), numero (ex. : "1.") et texto (*palavra* = couleur du pilier). Le contenu va de y 620 à y 1580 et, en dessous de y 900, ne dépasse pas x 930 (utilisez largura={834} dans TelaSite). La dernière étape montre le même écran que la première, pour que la boucle n'ait pas de raccord. Sans parole, il n'y a pas de légende : la bande peut être utilisée.
• Démo (session de l'agent) : ce n'est pas un composant prêt à l'emploi, mais une façon de monter la composition. Une JanelaAgente de y 236 à y 960 (une par chemin ou conversation, sans fondu entre elles, pour donner l'impression que c'est la même fenêtre qui change de conversation), une ligne en mono en y 180 indiquant à quelle partie de la vidéo nous sommes, et la bande de y 1150 à y 1540 (jusqu'à x 930) avec ce que chaque étape produit. La bande de légende reste libre. Tout texte dans la fenêtre doit être réel : commande qui existe, sortie qui est sortie, question que la compétence pose, parole et réponse qui ont eu lieu. Cela rend bien dans n'importe quel style ; sur la palco, la fenêtre semble flotter au-dessus du sol.
• Pour tous : mostrarGuia active les zones Instagram pour vérifier, et la barre de progression est déjà incluse.

Vérifier

npm run mostruario -- formatos génère trabalho\out\formatos.jpg avec une image de chaque démonstration et le guide activé. Pour une vraie vidéo, utilisez npm run folha.

Limites

• L'enregistrement d'écran (pour TelaComRosto et TutorialMudo) est effectué par l'utilisateur ; TelaSite ne couvre que la capture d'écran fixe avec défilement et zoom.
• Le fond changé derrière le visage n'a pas encore de format prêt à l'emploi. Le détourage existe déjà : npm run recortar génère la personne avec transparence, et <PessoaRecortada> (dans src\efeitos\Gravacao.tsx) la place par-dessus n'importe quel fond.