Ces instructions permettent de créer un nouveau projet et une nouvelle composition Remotion.
Si ce n'est pas la prochaine tâche, voir Remotion Best Practices
Générer un projet
Si un projet existe déjà, ignorer cette étape. S'assurer que Node.js et Git sont installés, et que le dossier actuel convient pour démarrer un nouveau projet.
Générer un projet en utilisant :
npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i
Remplacer my-video par un nom de projet approprié.
Concevoir une vidéo
Conserver le projet généré et ajouter du markup React. Suivre Remotion React Markup Best Practices et Video Layout Rules pour une mise en page mobile-first et des conseils de dimensionnement de texte.
Bonnes pratiques d'interactivité
En structurant le markup React selon Remotion Interactivity Best Practices, vous permettez à l'utilisateur d'effectuer des modifications dans le Studio qui se répercutent dans le code.
TailwindCSS
Si Tailwind est demandé, voir tailwind.md pour utiliser TailwindCSS dans Remotion.
Lancer l'aperçu
npx remotion studio --no-open
Cela lance un processus de longue durée et affiche l'URL du serveur pour l'aperçu.
Suite
Le processus de création vidéo est terminé. Pour les demandes suivantes, utiliser Remotion Best Practices