kdowswell/veo-tools

Habilidad de Bucle de Video

Transforma cualquier video en un bucle infinito matemáticamente perfecto. Utiliza la técnica de avance-retroceso con transición cruzada (forward-reverse-crossfade) para eliminar el molesto "salto" cuando los videos se reinician.

Cómo Funciona

1. Toma el video original
2. Crea una copia invertida
3. Aplica una transición cruzada (crossfade) del final del original al inicio del invertido
4. Aplica una transición cruzada del final del invertido de vuelta para que coincida con el inicio del original
5. Resultado: Un video que fluye hacia adelante, luego hacia atrás, creando una continuidad perfecta

Prerrequisitos

Requiere ffmpeg instalado:

brew install ffmpeg

Uso

Ejecuta el script con el video de entrada y la ruta de salida:

./scripts/create-loop.sh input.mp4 output-loop.mp4

Opciones

./scripts/create-loop.sh input.mp4 output.mp4 [duración_transición]

• input.mp4 - Archivo de video de origen
• output.mp4 - Archivo de bucle continuo de salida
• duración_transición - Opcional, por defecto 0.5 segundos (rango: 0.25-2.0)

Ejemplos

# Uso básico - transición de 0.5s (predeterminado)
./scripts/create-loop.sh hero-background.mp4 hero-loop.mp4

# Transición más larga para una transición más suave
./scripts/create-loop.sh hero-background.mp4 hero-loop.mp4 1.0

# Transición rápida para contenido de ritmo más rápido
./scripts/create-loop.sh product-spin.mp4 product-loop.mp4 0.25

Salida

El video de salida tendrá aproximadamente (2 * duración_entrada) - (2 * duración_transición) de longitud.

Ejemplo: Entrada de 6 segundos con transición de 0.5s = bucle continuo de ~11 segundos

Implementación HTML

Usa el bucle continuo en tu sección héroe:

<video
  autoplay
  muted
  loop
  playsinline
  class="hero-background"
>
  <source src="hero-loop.mp4" type="video/mp4">
</video>

.hero-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

Cuándo Usarlo

• Fondos de héroe - Movimiento ambiental detrás de texto/CTAs
• Presentaciones de productos - Productos girando/flotando
• Bucles ambientales - Contenido atmosférico para pantallas
• Estados de carga - Retroalimentación visual suave

Consejos

• Transiciones más cortas (0.25-0.5s) funcionan mejor para videos con movimiento sutil
• Transiciones más largas (0.75-1.5s) suavizan videos con movimiento más dinámico
• Los videos con contenido simétrico o abstracto se buclan de forma más natural
• Evita videos con movimiento direccional (caminar, texto desplazándose) - se ven extraños al invertirlos