mcpField
R
reel-export

reel-export

github.com/charlie947クリエイティブ・メディア4561.7k 回インストール2 週間前に更新
リポジトリ

reel-export について

reel-export は、動画制作者向けのスキルです。任意サイズの MP4 を縦型 Reel にレイアウトしてエンコードし、見出しやロゴの安全領域を確保したうえで出力仕様と色域を確認します。

主な機能

  1. 01動画を 1080 × 1920 に整形
  2. 02見出しとロゴのオーバーレイ
  3. 03安全領域に文字やロゴを配置
  4. 04H.264 と AAC でエンコード
  5. 05解像度・ピクセル形式・色域を確認

活用シーン

  1. 01横型動画を縦型 Reel に変換
  2. 02無音視聴向けに 2 行の見出しを追加
  3. 03色あせやアップロード仕様の不一致を防止
  4. 04Reel の映像とエンコードを確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/charlie947/motion-graphics-skills --skill reel-export

インストール後、Claude Code で/reel-exportを入力して読み込まれたか確認します。

詳細

リールの書き出し

ほとんどのモーションは横長で作られます。この手順では、色がくすまずアプリで受け付けられる、上部にフックを配置した縦長ファイルに変換します。

始める前に： brand.md と MOTION.md があれば、先に読んでください。なければ、まず brand-intake を実行するか、カラーコード、フォント、ロゴファイルを尋ねてください。それらがない状態で、結果がブランドに沿っているとは決して言わないでください。

ステップ 1：4 つの情報を尋ねてから、待ちます

  1. 動画。 どのような MP4 でも、サイズは問いません。
  2. 見出し。 そのまま使う短い 2 行です。音声をオフにしている人が読むフックです。
  3. ロゴ。 動画で製品名や会社名に言及している場合は、添付ファイルとして用意してください。
  4. 動画の周囲の背景色。 デフォルトは、ほぼ黒の #0B0B0F です。

ステップ 2：セーフゾーン

アプリはリールの端に独自のボタン、キャプション、プロフィールを重ねます。すべての文字とロゴを次の範囲に収めてください。

  • y 360 から y 1420 の間（下部 500px には何も置かないでください）
  • 右端から 120px より内側

見出しをこの範囲の上部に、その下に動画を配置してください。16:9 の動画を幅 1080 に拡大すると高さは 608 になるため、y 660 に配置するとちょうどよく収まります。

ステップ 3：オーバーレイを作成してからエンコード

見出しとロゴを配置した透明な 1080 x 1920 の overlay.png を HTML で作成し、スクリーンショットを撮ります。スタイルを設定できるテキストは、ffmpeg で焼き込んだテキストより優れています。次に、以下を実行します。

ffmpeg -y -i in.mp4 -loop 1 -i overlay.png -f lavfi -i anullsrc=r=48000:cl=stereo -filter_complex "color=c=0x0B0B0F:s=1080x1920:r=30[bg];[0:v]fps=30,scale=1080:-2,setsar=1[v];[bg][v]overlay=0:660:shortest=1[o];[o][1:v]overlay=0:0:shortest=1,scale=out_color_matrix=bt709:out_range=tv,format=yuv420p[out]" -map "[out]" -map 2:a -shortest -c:v libx264 -profile:v high -crf 18 -pix_fmt yuv420p -color_range tv -colorspace bt709 -color_primaries bt709 -color_trc bt709 -c:a aac -b:a 128k -movflags +faststart reel.mp4

これにより、無音の AAC トラックが追加されます。動画に音声がある場合は、-map 2:a を -map 0:a に置き換えてください。

ステップ 4：アップロード前に確認

ffprobe -v error -show_entries stream=codec_type,codec_name,width,height,pix_fmt,color_range,color_space -of compact reel.mp4

合格条件は、動画が h264、1080 x 1920、yuv420p、color_range=tv、bt709 であり、さらに aac の音声ストリームが 1 つあることです。hevc または color_range=pc と表示された場合は、再度エンコードしてください。その後、中央付近からフレームを 1 枚切り出し、スマートフォンの画面サイズで確認します。

苦労して学んだこと

  • スマートフォンで撮影した動画は、HEVC のフルレンジであることがよくあります。 そのままアップロードすると、色がくすんだり、再エンコードの品質が悪くなったりします。編集後も含め、必ず新しく H.264 のリミテッドレンジファイルを書き出してください。
  • 明るい映像の上ではロゴが見えなくなります。 各ロゴ（とそのラベル）は、それぞれ別の暗い角丸タイルに配置してください。
  • faststart は重要です。 -movflags +faststart がないと、ファイルの読み込みが完了するまで再生を開始できません。
  • フックは 2 行に収めてください。 私のものは 1 秒で読める短さでした。「This Mac launch」／「is 100% code」

コメント

Markdown 対応