Communitygithub.com

hiwurun/remotion-saas-boilerplate

Transcrire, afficher et animer des sous-titres

Qu'est-ce que remotion-saas-boilerplate ?

Cette compétence permet de gérer les sous-titres dans un projet Remotion. Elle couvre la transcription de fichiers audio/vidéo en sous-titres au format JSON structuré (type `Caption`), leur affichage dans une vidéo et l'importation de fichiers .srt. Elle est utile pour les développeurs créant des vidéos avec sous-titres synchronisés, par exemple pour des présentations ou du contenu SaaS. Basée sur l'API Remotion, elle prend en charge le type `Caption` avec des propriétés comme `text`, `startMs`, `endMs`, `timestampMs`, `confidence` et `pageBreakAfter`. Après utilisation, il est recommandé de charger la compétence "Remotion Best Practices" et d'ouvrir le Studio Remotion.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Tous les sous-titres doivent être traités en JSON. Les sous-titres doivent utiliser le type Caption qui est le suivant :

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

Voici la définition :

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

Génération des sous-titres

Pour transcrire des fichiers vidéo et audio afin de générer des sous-titres, chargez le fichier transcribe-captions.md pour plus d'instructions.

Affichage des sous-titres

Pour afficher les sous-titres dans votre vidéo, chargez le fichier display-captions.md pour plus d'instructions.

Importation des sous-titres

Pour importer des sous-titres à partir d'un fichier .srt, chargez le fichier import-srt-captions.md pour plus d'instructions.

Post-création

Une fois terminé, chargez cette compétence : Remotion Best Practices

Si ce n'est pas déjà fait, ouvrez le Studio Remotion, sauf indication contraire.

Individual skills in this repo

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

Skills associés