remotion-captions について
Remotion プロジェクトの字幕を扱うスキルです。文字起こし、表示、SRT のインポートをカバーし、字幕データには JSON と `@remotion/captions` の `Caption` 型を使います。
主な機能
- 01JSON 字幕データの使用
- 02`Caption` 型への準拠
- 03字幕文字起こし手順の参照
- 04字幕表示手順の参照
- 05SRT から字幕をインポート
活用シーン
- 01動画の字幕を準備
- 02Remotion コンポジションに字幕を表示
- 03SRT ファイルから字幕を取り込み
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ remotion-dev/ remotion --skill remotion-captionsインストール後、Claude Code で/remotion-captionsを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
import-srt-captions.mddisplay-captions.mdtranscribe-captions.mdagents/openai.yaml詳細
すべてのキャプションは 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 対応