Que fait kids-word-story-video ?
Skill Codex destiné aux utilisateurs chinois pour créer des vidéos éducatives pour enfants : histoires en anglais, illustrations, narration, surlignage de mots, effets sonores et Remotion. | A Codex skill for children's English word story videos with stories, illustrations, narration, word overlays, sound effects, and Remotion.
Objectif
Ce skill automatise la création de vidéos éducatives courtes pour enfants, centrées sur un mot anglais spécifique. Il combine la génération de contenu narratif, la création d'illustrations, l'ajout de narration audio, le surlignage des mots clés, les effets sonores et le rendu vidéo final via Remotion.
Fonctionnalités principales
- Génération d'histoire : Crée une histoire simple et engageante en anglais basée sur un mot cible.
- Illustrations : Génère des images adaptées à chaque scène de l'histoire.
- Narration : Ajoute une voix off (TTS) pour raconter l'histoire.
- Surlignage de mots : Met en évidence le mot cible et d'autres mots clés dans le texte affiché.
- Effets sonores : Intègre des sons appropriés (ex: bruitages pour les animaux, la nature, etc.).
- Rendu vidéo : Utilise Remotion (basé sur React) pour assembler tous les éléments en une vidéo finale.
Prérequis
- Node.js (version 16 ou supérieure)
- Remotion (installé dans le projet)
- Clé API pour un service de génération de texte (ex: OpenAI)
- Clé API pour un service TTS (ex: Google Cloud TTS, Azure)
- (Optionnel) Clé API pour un service de génération d'images (ex: DALL-E, Stable Diffusion)
Utilisation
-
Installer les dépendances :
npm install -
Configurer les variables d'environnement : Créez un fichier
.envavec les clés API nécessaires :OPENAI_API_KEY=your_openai_key TTS_API_KEY=your_tts_key IMAGE_API_KEY=your_image_key (optionnel) -
Lancer le rendu vidéo :
npx remotion render src/index.ts video.mp4 -
Personnaliser le mot cible : Modifiez le fichier
src/config.tspour définir le mot anglais à enseigner (ex:apple,cat,sun).
Structure du projet
.
├── src/
│ ├── index.ts # Point d'entrée Remotion
│ ├── config.ts # Configuration (mot cible, etc.)
│ ├── Story.tsx # Composant React pour la composition vidéo
│ ├── scene/ # Scènes individuelles
│ │ ├── Scene1.tsx
│ │ └── ...
│ ├── assets/ # Images et sons générés
│ └── utils/ # Fonctions utilitaires (génération, TTS)
├── .env # Variables d'environnement
├── package.json
└── README.md
Exemple
Pour le mot apple, le skill génère :
- Une histoire courte : "An apple falls from a tree..."
- Une illustration : Un pommier avec une pomme rouge.
- Une narration : Voix off lisant l'histoire.
- Surlignage : Le mot
appleen gras et coloré. - Effets sonores : Bruit de chute, chant d'oiseaux.
- Vidéo finale : Durée ~30 secondes, format paysage.
Remarques
- Ce skill est optimisé pour les utilisateurs chinois mais produit du contenu en anglais (pour l'apprentissage des langues).
- La documentation et les commentaires dans le code sont en chinois pour faciliter la compréhension.
- Pour des raisons de performance, les appels API sont asynchrones et mis en cache si possible.
Licence
MIT