Un pipeline vidéo automatisé, généré entièrement en code
Produire des vidéos verticales sans jamais ouvrir un logiciel de montage : chaque vidéo est un composant React rendu par un pipeline qui gère aussi la voix, les sous-titres, le contrôle qualité et la publication.
- Client
- Projet personnel : R&D
- Période
- 2025 – aujourd'hui
- Secteur
- Automatisation / Média
Conception & développement
79
compositions vidéo en code
6 étapes
automatisées de bout en bout
0
logiciel de montage utilisé
Le problème de départ
La production vidéo régulière se heurte toujours au même mur : le montage manuel ne passe pas à l'échelle. Chaque vidéo demande des heures de travail répétitif : caler les sous-titres, uniformiser le format, exporter, publier. Résultat : la production s'arrête dès que le temps manque, et la cohérence visuelle se dégrade d'une vidéo à l'autre.
L'approche retenue
Traiter la vidéo comme du logiciel. Chaque vidéo devient un composant React (via Remotion) : le contenu est du code, donc versionnable, réutilisable et générable en série. Autour, un pipeline en ligne de commande enchaîne toutes les étapes qui n'apportent aucune valeur créative.
Ce que j'ai construit
- Des vidéos rendues en React/TypeScript (Remotion) au format vertical 1080×1920, 30 fps
- Une bibliothèque de composants réutilisables : transitions, habillage, chartes de couleur par série
- Génération de la voix off par synthèse vocale, puis sous-titres alignés automatiquement (Whisper)
- Un pipeline CLI en 6 étapes : catalogue → rendu → contrôle qualité → légendes → publication → journal
- Deux voies de publication interchangeables : pilotage du navigateur (Playwright) ou API officielle
- Un état persistant du catalogue pour reprendre le traitement sans repartir de zéro
- Une étape de contrôle qualité automatique avant toute publication
Les résultats
- 79 compositions vidéo pilotées comme du code, versionnées et reproductibles
- Une cohérence visuelle garantie par construction : la charte est du code partagé, pas une habitude de montage
- Le temps passé se concentre sur l'écriture, plus sur les tâches de mise en forme
- Publication programmable, sans machine allumée au moment de la diffusion
- Une modification de charte se propage à toutes les vidéos d'une série d'un seul coup
Stack technique
- React
- TypeScript
- Remotion
- Node.js
- Whisper
- Synthèse vocale
- Playwright
- Tailwind CSS