remotion-create

Par remotion-dev · skills

Créer une nouvelle vidéo Remotion

npx skills add https://github.com/remotion-dev/skills --skill remotion-create

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

Skills similaires