首页/多媒体与音视频/remotion-captions
R

remotion-captions

by @remotion-devv
4.8(120)

此技能提供在 Remotion 中处理字幕的完整方案,包括从音视频生成字幕、显示字幕以及从 .srt 文件导入字幕。它使用标准 JSON 格式,简化了字幕的时间对齐、置信度管理和渲染流程,让开发者快速集成高质量字幕到视频中。

captionssubtitlesvideoremotiontranscriptionGitHub
安装方式
npx skills add https://github.com/remotion-dev/skills --skill remotion-captions
compare_arrows

Before / After 效果对比

1 组
使用前

在没有此技能之前,开发者需要手动解析字幕文件、逐帧对齐时间戳、处理置信度数据,并编写大量自定义渲染逻辑。整个过程耗时且容易出错,尤其是处理长视频时,手动调整字幕位置和时间非常繁琐。

使用后

使用该Skill后,开发者只需调用标准API即可一键生成、导入和显示字幕。此技能自动处理时间对齐和置信度,大幅减少编码工作量,字幕渲染准确率接近100%,视频制作效率提升数倍。

SKILL.md

All captions must be processed in JSON. The captions must use the Caption type which is the following:

import type { Caption } from "@remotion/captions";

This is the definition:

type Caption = {
  text: string;
  startMs: number;
  endMs: number;
  timestampMs: number | null;
  confidence: number | null;
};

Generating captions

To transcribe video and audio files to generate captions, load the transcribe-captions.md file for more instructions.

Displaying captions

To display captions in your video, load the display-captions.md file for more instructions.

Importing captions

To import captions from a .srt file, load the import-srt-captions.md file for more instructions.

用户评价 (0)

发表评价

效果
易用性
文档
兼容性

暂无评价

统计数据

安装量192.9K
评分4.8 / 5.0
版本
更新日期2026年10月23日
对比案例1 组

用户评分

4.8(120)
5
37%
4
43%
3
13%
2
5%
1
2%

为此 Skill 评分

0.0

兼容平台

🤖claude-code

时间线

创建2026年7月13日
最后更新2026年10月23日
🎁 Agent 知识卡片
调研问卷