Quand l'utiliser
Utilisez cette compétence dès que vous traitez du code Remotion pour obtenir les connaissances spécifiques au domaine.
Sous-titres
Lorsque vous traitez des sous-titres, chargez le fichier ./rules/subtitles.md pour plus d'informations.
Utilisation de FFmpeg
Pour certaines opérations vidéo, telles que le rognage des vidéos ou la détection du silence, FFmpeg doit être utilisé. Chargez le fichier ./rules/ffmpeg.md pour plus d'informations.
Visualisation audio
Lorsque vous avez besoin de visualiser de l'audio (barres de spectre, formes d'onde, effets réactifs aux basses), chargez le fichier ./rules/audio-visualization.md pour plus d'informations.
Effets sonores
Lorsque vous avez besoin d'utiliser des effets sonores, chargez le fichier ./rules/sound-effects.md pour plus d'informations.
Comment l'utiliser
Lisez les fichiers de règles individuels pour des explications détaillées et des exemples de code :
- rules/3d.md — Contenu 3D dans Remotion avec Three.js et React Three Fiber
- rules/animations.md — Compétences fondamentales en animation pour Remotion
- rules/assets.md — Importation d'images, vidéos, audio et polices dans Remotion
- rules/audio.md — Utilisation de l'audio et du son dans Remotion – importation, rognage, volume, vitesse, hauteur
- rules/calculate-metadata.md — Définir dynamiquement la durée, les dimensions et les props d'une composition
- rules/can-decode.md — Vérifier si une vidéo peut être décodée par le navigateur à l'aide de Mediabunny
- rules/charts.md — Patterns de graphiques et de visualisation de données pour Remotion (diagrammes à barres, circulaires, linéaires, boursiers)
- rules/compositions.md — Définition de compositions, images fixes, dossiers, props par défaut et métadonnées dynamiques
- rules/extract-frames.md — Extraire des images de vidéos à des horodatages spécifiques à l'aide de Mediabunny
- rules/fonts.md — Chargement des polices Google et des polices locales dans Remotion
- rules/get-audio-duration.md — Obtenir la durée d'un fichier audio en secondes avec Mediabunny
- rules/get-video-dimensions.md — Obtenir la largeur et la hauteur d'un fichier vidéo avec Mediabunny
- rules/get-video-duration.md — Obtenir la durée d'un fichier vidéo en secondes avec Mediabunny
- rules/gifs.md — Affichage des GIF synchronisés avec la timeline de Remotion
- rules/images.md — Intégration d'images dans Remotion avec le composant Img
- rules/light-leaks.md — Effets de surimpression de fuites de lumière avec @remotion/light-leaks
- rules/lottie.md — Intégration d'animations Lottie dans Remotion
- rules/measuring-dom-nodes.md — Mesure des dimensions des éléments DOM dans Remotion
- rules/measuring-text.md — Mesure des dimensions du texte, ajustement du texte aux conteneurs et vérification du débordement
- rules/sequencing.md — Patterns de séquencement pour Remotion – délai, rognage, limitation de la durée des éléments
- rules/tailwind.md — Utilisation de TailwindCSS dans Remotion
- rules/text-animations.md — Patterns de typographie et d'animation de texte pour Remotion
- rules/timing.md — Courbes d'interpolation dans Remotion – animations linéaires, easing, spring
- rules/transitions.md — Patterns de transition de scène pour Remotion
- rules/transparent-videos.md — Rendu d'une vidéo avec transparence
- rules/trimming.md — Patterns de rognage pour Remotion – couper le début ou la fin des animations
- rules/videos.md — Intégration de vidéos dans Remotion – rognage, volume, vitesse, boucle, hauteur
- rules/parameters.md — Rendre une vidéo paramétrable en ajoutant un schéma Zod
- rules/maps.md — Ajouter une carte avec Mapbox et l'animer
- rules/voiceover.md — Ajouter une voix off générée par IA aux compositions Remotion avec ElevenLabs TTS