Communitygithub.com

AlexGit92s/Remotion2.0 (字幕処理)

字幕の文字起こし、表示、アニメーションを行うスキルです。

Remotion2.0 (字幕処理) とは?

このスキルは、Remotionを使用して動画内の字幕を処理するための包括的なガイドを提供します。主に、音声・動画ファイルからの字幕の文字起こし、表示、アニメーション、そして.srtファイルからのインポート方法をカバーしています。字幕は全てJSON形式で処理され、`Caption`型に従います。これはRemotionの`@remotion/captions`パッケージで定義されており、テキスト、タイムスタンプ、信頼度などの情報を含みます。具体的な操作手順は、`transcribe-captions.md`、`display-captions.md`、`import-srt-captions.md`の各ファイルに詳細が記載されています。このスキルは、動画制作において高品質な字幕を効率的に生成・管理したい開発者に役立ちます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/AlexGit92s/Remotion2.0/tree/HEAD/.claude/skills/remotion-captions

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

すべての字幕は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を開いてください。

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

関連スキル