remotion-captions について
remotion-captionsは、Remotion動画の字幕処理を支援するスキルです。開発者やコーディングエージェント向けに、字幕データ形式、文字起こし、表示、SRTインポートの手順を案内します。
主な機能
- 01字幕のJSON処理
- 02Caption型の使用
- 03文字起こしと表示のガイド
- 04SRTからの字幕インポート
活用シーン
- 01動画用の字幕データ準備
- 02音声や動画からの字幕生成
- 03Remotionでの字幕表示やインポート
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ guanyang/ open-agent-hub --skill remotion-captionsインストール後、Claude Code で/remotion-captionsを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
display-captions.mdimport-srt-captions.mdtranscribe-captions.mdagents/openai.yamlassets/remotion-icon.svg詳細
すべてのキャプションは JSON で処理する必要があります。キャプションには、次の Caption 型を使用してください。
import type { Caption } from "@remotion/captions";
これは次の定義です。
type Caption = {
text: string;
startMs: number;
endMs: number;
timestampMs: number | null;
confidence: number | null;
pageBreakAfter?: boolean;
};
キャプションの生成
動画ファイルや音声ファイルを文字起こししてキャプションを生成するには、詳しい手順が記載された transcribe-captions.md ファイルを読み込んでください。
キャプションの表示
動画にキャプションを表示するには、詳しい手順が記載された display-captions.md ファイルを読み込んでください。
キャプションのインポート
.srt ファイルからキャプションをインポートするには、詳しい手順が記載された import-srt-captions.md ファイルを読み込んでください。
作成後
完了したら、このスキルを読み込んでください:Remotion Best Practices
まだ開いていない場合は、特に指示がない限り、Remotion Studio を開いてください。
コメント
Markdown 対応