Communitygithub.com

iamhuynq/video-remotion

Transkribieren, Anzeigen und Animieren von Untertiteln

Was ist video-remotion?

Diese Fertigkeit (Skill) ermöglicht die Arbeit mit Untertiteln in Remotion-Videoprojekten, basierend auf dem standardisierten `Caption`-Typ aus der `@remotion/captions`-Bibliothek. Sie deckt den gesamten Workflow ab: Transkription von Audio/Video in JSON-konforme Captions, einfaches Einblenden im Video und Import aus gängigen Formaten wie .srt. Die Skill-Anleitung ist modular aufgebaut – separate Markdown-Dateien führen durch Transkription, Anzeige und Import, sodass Entwickler nur die für ihren Anwendungsfall relevanten Schritte laden müssen. Nach der Erstellung wird zur Anwendung der Best Practices für Remotion geraten und die Remotion Studio-Umgebung geöffnet. Damit eignet sich die Fertigkeit besonders für Entwickler, die automatische Untertitel in ihren Remotion-Videos nutzen möchten – egal ob für Social-Media-Clips, Tutorials oder barrierefreie Inhalte.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/iamhuynq/video-remotion/tree/HEAD/.agents/skills/remotion-captions

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Alle Untertitel müssen als JSON verarbeitet werden. Die Untertitel müssen den Caption-Typ verwenden, der wie folgt aussieht:

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

Dies ist die Definition:

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

Untertitel generieren

Um Video- und Audiodateien zu transkribieren und Untertitel zu erzeugen, laden Sie die Datei transcribe-captions.md für weitere Anweisungen.

Untertitel anzeigen

Um Untertitel in Ihrem Video anzuzeigen, laden Sie die Datei display-captions.md für weitere Anweisungen.

Untertitel importieren

Um Untertitel aus einer .srt-Datei zu importieren, laden Sie die Datei import-srt-captions.md für weitere Anweisungen.

Nach der Erstellung

Nachdem Sie fertig sind, laden Sie diese Fertigkeit: Remotion Best Practices

Falls noch nicht geschehen, öffnen Sie das Remotion Studio, sofern nicht anders angewiesen.

Individual skills in this repo

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

Verwandte Skills