Ce sont les instructions pour créer un nouveau projet et une composition Remotion. Si ce n'est pas la tâche suivante, consultez les Meilleures pratiques Remotion
Créer un projet
Si un projet existe déjà, ignorez cette étape. Assurez-vous que Node.js et Git sont installés, et que le dossier actuel est approprié pour démarrer un nouveau projet.
Inspectez le dossier actuel, y compris les fichiers cachés, avant de choisir où créer le projet.
Dossier vide
S'il est vide, ou ne contient que des métadonnées système jetables comme .DS_Store, créez le projet directement dans le dossier actuel.
Supprimez d'abord ces fichiers de métadonnées jetables, car create-video rejette les dossiers non vides.
Ne traitez pas tous les fichiers cachés comme jetables : des fichiers comme .env et des dossiers comme .git sont des contenus significatifs.
Créer dans un dossier existant :
npx create-video@latest --yes --blank --no-tailwind .
npm i
Dossier non vide
Si le dossier actuel contient des contenus significatifs et qu'aucun projet n'existe déjà, créez le projet dans un nouveau sous-dossier.
Remplacez my-video par un nom de projet approprié.
npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i
Ouvrir l'aperçu avant de construire la vidéo
Dès que le projet peut être exécuté, ouvrez Remotion Studio dans le navigateur avant d'écrire ou de modifier la composition. Pour un nouveau projet, faites-le immédiatement après la création et l'installation des dépendances. Pour un projet existant, faites-le avant d'éditer la vidéo. Gardez Studio en cours d'exécution pendant que vous travaillez afin que l'utilisateur puisse voir les changements au fur et à mesure et orienter le résultat.
Conception d'une vidéo
Conservez le squelette et ajoutez du balisage React. Suivez les Meilleures pratiques de balisage React Remotion et les Règles de mise en page vidéo pour une mise en page d'abord vidéo et des conseils de taille de texte.
Avant d'écrire la racine qui enregistre les éléments <Composition> ou <Still>,
suivez Compositions et fichiers statiques.
S'agit-il d'une timeline de clips ?
Si la vidéo organise plusieurs clips vidéo ou audio sur une timeline, suivez Montage vidéo avant d'écrire la timeline. Donnez à chaque clip qui doit être édité indépendamment son propre nœud JSX créé.
S'agit-il d'une vidéo multi-scènes ?
S'il s'agit d'une vidéo avec plusieurs scènes consécutives, suivez les conseils de Vidéos multi-scènes.
Meilleures pratiques d'interactivité
En structurant le balisage React selon les Meilleures pratiques d'interactivité Remotion, vous permettez à l'utilisateur d'effectuer des modifications dans le Studio qui sont réécrites dans le code.
TailwindCSS
Si Tailwind est demandé, consultez tailwind.md pour utiliser TailwindCSS dans Remotion.
Suivi
Le processus de création vidéo est terminé. Pour les demandes de suivi, utilisez les Meilleures pratiques Remotion