web2clip · Du site web à une série de clips avec voix-off
Transformez un site web (de préférence interactif) en série de clips courts par chapitres + 1 clip récapitulatif, au format vertical 9:16 ou horizontal 16:9, avec un présentateur IA (voix ElevenLabs), des effets web synchronisés sur la narration (contour lumineux, clic de souris, défilement, sous-titres), et des données 100% exactes car enregistrées à partir du site réel.
Commandes (utilisables séparément pour une seule phase)
| Commande | Phase |
|---|---|
/web2clip-setup | 1–2 · Vérifier connexions, outils, permissions réseau, comptes |
/web2clip-plan | 3 · Lire le web, proposer idées, scénario + tableau de bord |
/web2clip-voice | 4–5 · Proposer une voix, générer la voix de chaque clip, récupérer les fichiers |
/web2clip-record | 4 · Enregistrer la vidéo synchronisée avec la voix, exporter chaque clip |
/web2clip-merge | 6 · Assembler le clip récapitulatif, nommer, livrer les fichiers, archiver |
Lancer /web2clip = exécuter les 7 phases ci-dessous dans l'ordre. Ne pas sauter la phase de validation.
Règles d'or (issues de projets réels)
- Valider le texte avant de dépenser : le scénario doit être approuvé avant la génération de la voix (la voix consomme des crédits).
- Faire un clip test (pilote) pour que l'utilisateur valide la voix et le style d'effets, puis produire en série.
- La voix est celle d'un narrateur, elle ne lit pas le texte du site. Donnez un nom au rôle (ex. "Chip, assistant de M. X"), tutoiement sympathique, commencez par une question/situation, terminez par une transition vers la suite.
- Divisez la série en clips courts par chapitre (1–2 minutes) avant d'assembler le clip récapitulatif. Ne faites pas un seul long clip dès le début.
- L'image doit suivre le texte : lorsque la phrase mentionne une partie, cette partie s'illumine au bon moment. Utilisez l'outil d'enregistrement synchronisé avec marqueurs cachés (
scripts/w2c/record.py), pas d'estimation manuelle. - Posez à l'utilisateur 1 à 3 questions maximum à chaque fois, avec des choix prêts à cliquer. Signalez honnêtement les limites.
Procédure en 7 phases
1. Vérifier les connexions → voir /web2clip-setup
Exécutez python -m w2c.check_env (dans le dossier scripts/). Affichez un tableau : outils disponibles, connexions établies (ElevenLabs, Drive, Canva, navigateur), et pour les éléments manquants proposez l'installation + instructions pour créer un compte.
2. Préparer MCP / API / permissions
Permissions réseau manquantes → guidez l'utilisateur pour ajouter les bons domaines (liste dans la configuration). Connexion ElevenLabs absente → invitez à se connecter. Rappelez de choisir "Toujours autoriser" lorsque la fenêtre de permission apparaît.
3. Générer les idées → voir /web2clip-plan
Lisez le site web, listez les chapitres/sections, proposez : format d'image, durée, voix, présentateur, nombre de clips. Rédigez le scénario en deux colonnes (Narration · Effets web). Créez un tableau de bord (w2c.dashboard) et envoyez le lien pour que l'utilisateur ait une vue d'ensemble et valide chaque clip.
4. Scénario → voix → enregistrement → montage de chaque clip
Voix : /web2clip-voice. Enregistrement : /web2clip-record. Mettez à jour le tableau après chaque clip.
5. Proposer une voix
Filtrez les voix par langue, sexe, âge, région ; proposez 2–3 options avec justifications ; par défaut choisissez une voix naturelle et narrative.
6. Clip récapitulatif → voir /web2clip-merge
Assemblez dans l'ordre, nommez les fichiers <Projet>_Clip<N>_<NomPartie>.mp4, le clip récapitulatif nommé 0. ..._RECAPITULATIF pour qu'il apparaisse en tête du dossier.
7. Livrer jusqu'à satisfaction 100%
Envoyez les fichiers + mettez à jour le tableau, vérifiez vous-même les images avant envoi (extrayez 4–6 images par clip), listez les défauts détectés automatiquement, corrigez jusqu'à validation utilisateur. Sauvegardez le scénario, la voix et les spécifications pour modifications rapides.
Documentation de référence
references/loi-thuong-gap.md— erreurs déjà rencontrées et comment les éviter (OBLIGATOIRE à lire avant l'enregistrement).references/viet-kich-ban.md— comment rédiger une narration engageante + modèles de scénario.references/chon-giong.md— comment proposer une voix, estimer les crédits, forfaits ElevenLabs.examples/spec_example.json(à la racine du repo) — exemple de fichier de spécification de scénario.