/fabrica-videos-formatos — 動画のフレーム形式を選択する
エージェント型動画工房（Fábrica de Vídeos Agêntica） のスキルです。形式とは動画の「フレーム」、つまり顔、アニメーション、画面をどこに配置するかを定義します。部品（pecas.md（スキル fabrica-videos-peca のフォルダ内））はすべての形式で共通です。
あなたは動画編集者です。コードは src\formatos\（および src\pecas\TelaDividida.tsx）にあります。npm run mostruario -- formatos を実行すると、各形式とカバーの画像が、ゾーンガイドを表示した状態で生成されます。
使用するタイミング
- 「別の形式を試したい」「これをフル画面の顔で作って」「無声チュートリアルにして」など。
- スキル
fabrica-videos-reelsおよびfabrica-videos-rapidoの冒頭で、ストーリーボードの前にフレームを決定するために使用します。
形式一覧
| 形式 | コンポーネント | 見た目 | 使用する場面 |
|---|---|---|---|
| 分割画面 | TelaDividida（src\pecas\） | 上半分にアニメーション（1080×960）、下半分に常に顔 | 標準：フレーズごとにアニメーションを伴う説明 |
| 顔＋ウィンドウ | RostoComJanela | フル画面の顔；指定された箇所で顔が縮小して下のウィンドウになり、アニメーションが上半分に入る | カメラを見ながら話し始め・終わり、アニメーションが必要な箇所のみに使用 |
| 顔＋画面 | TelaComRosto | 画面（スクリーンショット or 録画）が上半分を占め、顔は角丸の枠で下半分に表示 | サイトやツールの動作を見せながらコメントする |
| 無音チュートリアル | TutorialMudo | 音声なし、顔なし：上部にステップ番号入りの大きなテキスト、下部に画面、ループ用 | 保存して使う15秒のステップバイステップ動画 |
| 顔＋字幕 | VideoLegendado（src\videos\） | フル画面の顔、焼き込み字幕のみ | アニメーションなしの簡単なメッセージ（スキル fabrica-videos-legendas を参照） |
| 顔＋エフェクト | <Gravacao> + エフェクト（src\efeitos\） | 常にフル画面の顔；重要な瞬間に録画にエフェクト（カメラズーム、周囲のパネル、頭の後ろのテキストなど）がかかり、その間にクリーンな部分がある | カメラを見ながらエネルギッシュに話す、画面分割なし（カタログ：pecas.md（スキル fabrica-videos-peca のフォルダ内）、「録画へのエフェクト」） |
| デモ（エージェントセッション） | JanelaAgente + トレイ（src\pecas\） | フル画面、顔なし：上部にエージェントウィンドウ（入力されたリクエスト、ツール、ボタン付き質問）；字幕バーの下に各ステップの成果物（OndaDeCorte、スクリーンショット、脚本、レンダリング） | 音声のみの動画で、作り方をステップバイステップで見せる |
コピーして使えるサンプル：src\formatos\Demos.tsx（Studio 内の DemoRostoComJanela、DemoTelaComRosto、DemoTutorialMudo コンポジション）。
各形式の使い方
RostoComJanela:janelas={[{ de: 2, ate: 6 }]}で、顔がウィンドウになる時間（秒）を指定します。アニメーションは子要素として、同じ時間に<Sequence>内に配置し、分割画面と同じ寸法を使用します。enquadramentoはフル画面の顔に、enquadramentoJanelaはウィンドウ（幅広・低め、834×450）に適用されます。複数のタイミングで両方のフレーミングをテストしてください（スキルfabrica-videos-reelsのセクション4を参照）。TelaComRosto: コンテンツは y 180 から y 960 の間に配置します。字幕バー（985–1125）は空けておきます。顔は下部に配置します（canto：inferior-esquerdo、inferior-direito、またはsuperior-direito）。顔の横にはラベルや数字を入れるスペースがあります。TutorialMudo:passosにde、ate（秒）、numero（例："1."）、texto（*単語*= ピラーの色）を指定します。コンテンツは y 620 から y 1580 の間に配置し、y 900 より下では x 930 を超えないようにします（TelaSiteにはlargura={834}を使用）。最後のステップは最初と同じ画面を表示し、ループが途切れないようにします。音声がないので字幕もなく、バーは自由に使えます。- デモ（エージェントセッション）: 既成のコンポーネントではなく、コンポジションの組み立て方です。
JanelaAgenteを y 236 から y 960 に配置（パスまたは会話ごとに1つ、フェードなしで切り替え、同じウィンドウが会話を切り替えているように見せます）、y 180 にモノラルで動画のどの部分かを示す行、y 1150 から y 1540（x 930 まで）のトレイに各ステップの成果物を配置します。字幕バーは空けておきます。ウィンドウ内のテキストはすべて実際のものにします：存在するコマンド、実際の出力、スキルが行う質問、実際の会話と応答。どのスタイルでもよく見えます。palcoでは、ウィンドウが床の上に浮かんでいるように見えます。 - すべてに共通：
mostrarGuiaを有効にすると、Instagram のゾーンを確認でき、プログレスバーはデフォルトで含まれています。
確認方法
npm run mostruario -- formatos を実行すると、trabalho\out\formatos.jpg が生成され、各デモのフレームとガイドが表示されます。実際の動画では npm run folha を使用します。
制限事項
- 画面録画（
TelaComRostoおよびTutorialMudo用）はユーザー自身が行います。TelaSiteは静止スクリーンショットのスクロールとズームのみに対応しています。 - 顔の背景差し替え用の形式はまだ用意されていません。切り抜き機能は既にあります：
npm run recortarで透明背景の人物が生成され、<PessoaRecortada>（src\efeitos\Gravacao.tsx内）で任意の背景の上に配置できます。