Communitygithub.com

hiwurun/remotion-saas-boilerplate

转录、显示和动画化字幕

remotion-saas-boilerplate 是什么?

该技能为Remotion视频渲染引擎提供完整的字幕处理能力,涵盖从音频/视频转录、字幕文件导入到最终显示与动画制作的完整工作流。它要求所有字幕数据必须以特定类型的JSON格式处理(`Caption`类型),包含文本、时间戳、置信度等字段。支持从音视频文件转录生成字幕(需加载[transcribe-captions.md](transcribe-captions.md)),从.srt文件导入现有字幕(需加载[import-srt-captions.md](import-srt-captions.md)),以及如何在视频中呈现字幕(需加载[display-captions.md](display-captions.md))。完成处理后,建议加载Remotion最佳实践技能;若尚未打开,还需启动Remotion Studio。该技能适用于所有支持Remotion的平台,是基于Remotion的SaaS模板(hiwurun/remotion-saas-boilerplate)的组成部分。

兼容平台~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 最佳实践

如果尚未打开,请打开 Remotion Studio,除非另有说明。

Individual skills in this repo

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

相关技能