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

Ceci sont des instructions pour créer un nouveau projet et une nouvelle composition Remotion. Si ce n'est pas la prochaine tâche, consultez Remotion Best Practices

Créer l'infrastructure du projet

Si un projet existe déjà, ignorez cette étape. Assurez-vous que Node.js et Git sont installés, et que le dossier courant convient pour démarrer un nouveau projet.

Créez l'infrastructure en utilisant :

npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i

Remplacez my-video par un nom de projet approprié.

Concevoir une vidéo

Gardez l'infrastructure et ajoutez du balisage React. Suivez Remotion React Markup Best Practices et Video Layout Rules pour un layout orienté vidéo et des conseils de dimensionnement de texte.

Bonnes pratiques d'interactivité

En structurant le balisage React selon Remotion Interactivity Best Practices, vous permettez à l'utilisateur d'apporter des modifications dans Studio qui s'écrivent dans le code.

TailwindCSS

Si Tailwind est demandé, consultez tailwind.md pour utiliser TailwindCSS dans Remotion.

Lancer l'aperçu

npx remotion studio --no-open

Cela démarrera un processus à long terme et affichera l'URL du serveur pour l'aperçu.

Suivi

Le processus de création de vidéo est terminé. Pour les demandes de suivi, utilisez Remotion Best Practices

Skills similaires