Communitygithub.com

hiwurun/remotion-saas-boilerplate

轉錄、顯示與動畫呈現字幕

remotion-saas-boilerplate 是什麼?

此技能專門處理 Remotion 影片中的字幕流程,涵蓋轉錄、顯示與動畫呈現。它要求所有字幕必須以 JSON 格式處理,並採用 `@remotion/captions` 套件中定義的 `Caption` 型別,該型別包含文字、開始時間、結束時間等欄位。使用者可依據 `transcribe-captions.md` 將音訊或影片轉錄為字幕,或從 `.srt` 檔案匯入字幕。字幕匯入後,可透過 `display-captions.md` 的指引在影片中顯示,並應用動畫效果。最後,建議載入「Remotion Best Practices」技能以優化專案,若尚未開啟 Remotion Studio 則應立即啟動。此技能支援 Remotion 生態系,適合需要自動化字幕處理的影片開發專案。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/hiwurun/remotion-saas-boilerplate/tree/HEAD/.agents/skills/remotion-captions

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

所有字幕必須以 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.

相關技能