使い方ガイドへスキップ
Remotion Captions作者 remotion-dev

Remotion Captions スキル。

動画のタイムライン上でスタイルを付ける前に、字幕テキストとタイミングを定義されたデータ構造で保持します。

  • 動画
  • 字幕
ソースレビュー · Remotion CaptionsSKILL.md
タスク 動画 成果物 • ドキュメントに定められたテキストとタイミングのフィールドを持つ字幕JSON • 選択した経路に応じた、インポート済みの字幕データまたは文字起こし • Remotionコンポジションに表示された字幕 始める前に Remotionプロジェクト、@remotion/captions、および文字起こし・インポート・表示に関連するリファレンスファイルが必要です。
編集者による要約 · ソース確認日 2026-10-07 · 生成されたサンプルではありません

01 機能概要

Remotion Captions:タイミング付き字幕データ

Remotionでの文字起こし、SRTインポート、視覚的な表示のための、字幕データの取り決めとルーティングを定めたファイルです。

ソースに基づくワークフロー実行ベンチマークではありません

作業の進め方

Remotion Captionsは、動画デザインの完全なレシピではなく、字幕作業のための簡潔な入口です。字幕には、@remotion/captionsのCaption型を使い、テキスト、ミリ秒単位の開始・終了時刻、null許容のタイムスタンプおよび信頼度フィールドを持たせる必要があります。

ソースでは、文字起こし、字幕表示、SRTインポートがそれぞれ別のリファレンスファイルに振り分けられています。この区別は重要です。既存の字幕をコンポジションに取り込むことは文字起こしを生成することとは別のタスクであり、どちらも画面上の最終テキストが音声と照合して確認済みであることを保証するものではありません。

想定される成果物

  • ドキュメントに定められたテキストとタイミングのフィールドを持つ字幕JSON
  • 選択した経路に応じた、インポート済みの字幕データまたは文字起こし
  • Remotionコンポジションに表示された字幕
サンプルブリーフを見る

ブリーフからレビューまで

  1. 01
    字幕の入力元を選ぶ

    文字起こしする音声・動画ソースがあるのか、インポートする既存のSRTファイルがあるのかを判断します。

  2. 02
    タイミングデータを保持する

    すべての字幕を1つの表示用テキストとして埋め込むのではなく、ドキュメントに定められたJSON形式で字幕シーケンスを保持します。

  3. 03
    表示を確認する

    表示用リファレンスに従い、Remotion Studioでプレビューし、実際のメディアに対して読みやすいタイミングかを確認します。

02 利用場面

使いどころ

Remotionプロジェクト、@remotion/captions、および文字起こし・インポート・表示に関連するリファレンスファイル。

適したケース

  • 既存の字幕ファイル編集者がすでにタイミング付きテキストを持っていて、それをRemotionのワークフローに取り込む必要がある場合に、SRT専用の経路が役立ちます。
  • 字幕付き動画共通のCaption形式により、文字起こしデータと字幕表示の間の受け渡しが明確になります。

確認すべき制限

  • リファレンス依存入口のファイルは、文字起こし、インポート、表示の詳細な手順へのリンクです。すべてのバックエンドやスタイルオプションを自身で説明しているわけではありません。
  • 文字起こしの正確性は保証されません信頼度フィールドは、単語やタイミングが正しいことの証拠にはなりません。音声との整合や用語は引き続き確認が必要です。

用意するもの

  • メディアまたはSRT実際の音声・動画アセットまたは字幕ファイルを用意し、どちらを正とするかを明示してください。
  • 字幕スタイル特定のアニメーションプリセットを前提とせず、意図する配置と読みやすさの条件を記述してください。
  • コンポジションの文脈字幕のタイミングを実際の文脈で確認できるよう、既存のRemotionプロジェクトとその長さ、フレームレートを用意してください。

03 重要な判断

重要な判断ポイント

  1. 装飾の前にデータ

    明示的なタイムスタンプにより、編集上の修正と字幕の描画方法を切り離して管理できます。

  2. タスクごとのルーティング

    インポート、文字起こし、表示にはそれぞれ別のリファレンス経路があり、誤った手順を独自に作り直してしまうことを減らせます。

04 依頼例

焦点を絞ったブリーフを試す

以下のサンプルブリーフはテストされていません。使用前にスキルのセットアップを確認してください。

セットアップを確認する

リンク先のリファレンスを利用できるよう、remotion-captionsのソースディレクトリ全体を使用してください。パッケージのバージョンはプロジェクトに合わせてください。

アップストリームのソースファイル
https://github.com/remotion-dev/skills/blob/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/skills/remotion-captions/SKILL.md

Remotionプロジェクト、@remotion/captions、および文字起こし・インポート・表示に関連するリファレンスファイル。

まず1つの成果物から始める

スキルを実行する前に、このブリーフの範囲、素材、制約を調整してください。

サンプルブリーフ
Remotion Captionsを使って、提供したSRTをこの既存のコンポジションにインポートしてください。文言とミリ秒単位のタイミングをCaption JSONで保持してください。インポートと表示のリファレンスに従い、読みやすい字幕を追加して、Studioのプレビューを見せてください。タイミングの重複や不確かなテキストは、黙って修正せずに指摘してください。

結果を検証する

実際の出力を、以下の確認可能な基準と照らし合わせてください。

  • Captionオブジェクトがtext、startMs、endMsを保持している。
  • 選択したインポートまたは文字起こしの経路が文書化されている。
  • プレビューした字幕が、提供されたメディアと一致している。

OpenDesignは、コーディングエージェント向けのローカルなデザインワークスペースを提供します。この掲載は、スキルが同梱されていること、または外部ツール、認証情報、ソフトウェア依存関係が含まれていることを意味しません。

05 ソースとライセンス

ソースとライセンス

このページは、以下にリンクされた固定のソースリビジョンについて説明しています。アップストリームの動作や要件は変更される可能性があります。

ソースの所有者
remotion-dev
リポジトリ
remotion-dev/skills
ライセンス
未確認 — 再利用する前にアップストリームの利用条件を確認してください。
確認済みスナップショット
2026-10-07 · 32b241b97f4e
編集者によるソース要約
Remotionでの文字起こし、SRTインポート、視覚的な表示のための、字幕データの取り決めとルーティングを定めたファイルです。

リンク先のソースに基づく、OpenDesignによるオリジナルの要約です。リポジトリのスター数は日付付きの人気の指標であり、スキルの利用状況や品質スコアではありません。

06 開始前の質問

始める前のよくある質問

SRTファイルを使えますか?

はい。入口のファイルには、SRTインポートのワークフローへのリンクが明記されています。

このファイルは文字起こしプロバイダーを指定していますか?

いいえ。別の文字起こしリファレンスへのリンクがあるだけです。開始前にそのリファレンスを読み、プロバイダーとセットアップ要件を確認してください。

信頼度スコアは常に存在しますか?

ドキュメントの型では、confidenceとtimestampMsはnullになり得ます。欠けている値を捏造しないでください。

OpenDesign

次のデザイン反復に向けて余白を作りましょう。

ブリーフ、ソース素材、デザイン作業をローカルワークスペースにまとめて管理できます。ワークフローに追加する前に、スキル自体のセットアップを確認してください。

アップストリームのソースファイル
https://github.com/remotion-dev/skills/blob/32b241b97f4e0e4ab61fe9a41b05e6e64503f8c5/skills/remotion-captions/SKILL.md