Cuándo usar
Usa estas habilidades cada vez que trabajes con código de Remotion para obtener conocimiento específico del dominio.
Cómo usar
Lee los archivos de reglas individuales para obtener explicaciones detalladas y ejemplos de código:
- rules/3d.md - Contenido 3D en Remotion usando Three.js y React Three Fiber
- rules/animations.md - Habilidades fundamentales de animación para Remotion
- rules/assets.md - Importar imágenes, videos, audio y fuentes en Remotion
- rules/audio.md - Usar audio y sonido en Remotion: importar, recortar, volumen, velocidad, tono
- rules/calculate-metadata.md - Establecer dinámicamente duración, dimensiones y props de la composición
- rules/can-decode.md - Verificar si un video puede ser decodificado por el navegador usando Mediabunny
- rules/charts.md - Patrones de gráficos y visualización de datos para Remotion
- rules/compositions.md - Definir composiciones, fotogramas fijos, carpetas, props predeterminados y metadatos dinámicos
- rules/display-captions.md - Mostrar subtítulos en Remotion con páginas estilo TikTok y resaltado de palabras
- rules/extract-frames.md - Extraer fotogramas de videos en marcas de tiempo específicas usando Mediabunny
- rules/fonts.md - Cargar Google Fonts y fuentes locales en Remotion
- rules/get-audio-duration.md - Obtener la duración de un archivo de audio en segundos con Mediabunny
- rules/get-video-dimensions.md - Obtener el ancho y alto de un archivo de video con Mediabunny
- rules/get-video-duration.md - Obtener la duración de un archivo de video en segundos con Mediabunny
- rules/gifs.md - Mostrar GIFs sincronizados con la línea de tiempo de Remotion
- rules/images.md - Insertar imágenes en Remotion usando el componente Img
- rules/import-srt-captions.md - Importar archivos de subtítulos .srt en Remotion usando @remotion/captions
- rules/lottie.md - Insertar animaciones Lottie en Remotion
- rules/measuring-dom-nodes.md - Medir las dimensiones de elementos DOM en Remotion
- rules/measuring-text.md - Medir dimensiones de texto, ajustar texto a contenedores y verificar desbordamiento
- rules/sequencing.md - Patrones de secuenciación para Remotion: retraso, recorte, limitar duración de elementos
- rules/tailwind.md - Usar TailwindCSS en Remotion
- rules/text-animations.md - Patrones de tipografía y animación de texto para Remotion
- rules/timing.md - Curvas de interpolación en Remotion: lineal, easing, animaciones con resorte
- rules/transcribe-captions.md - Transcribir audio para generar subtítulos en Remotion
- rules/transitions.md - Patrones de transición de escenas para Remotion
- rules/trimming.md - Patrones de recorte para Remotion: cortar el inicio o el final de las animaciones
- rules/videos.md - Insertar videos en Remotion: recorte, volumen, velocidad, bucle, tono
Para obtener más información sobre Remotion, visita remotion.dev.