kdowswell/veo-tools

Compétence Boucle Vidéo

Transformez n'importe quelle vidéo en une boucle infinie mathématiquement fluide. Utilise la technique de fondu enchaîné avant-arrière pour éliminer le saut gênant lors de la rediffusion des vidéos.

Comment ça fonctionne

1. Prend la vidéo originale
2. Crée une copie inversée
3. Effectue un fondu enchaîné de la fin de l'originale vers le début de la vidéo inversée
4. Effectue un fondu enchaîné de la fin de la vidéo inversée pour correspondre au début de l'originale
5. Résultat : Une vidéo qui avance, puis recule, créant une continuité parfaite

Prérequis

Nécessite ffmpeg installé :

brew install ffmpeg

Utilisation

Exécutez le script avec la vidéo source et le chemin de sortie :

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

Options

./scripts/create-loop.sh input.mp4 output.mp4 [durée_fondu]

• input.mp4 - Fichier vidéo source
• output.mp4 - Fichier de boucle fluide en sortie
• durée_fondu - Optionnel, par défaut 0,5 seconde (intervalle : 0,25-2,0)

Exemples

# Utilisation de base - fondu de 0,5s (par défaut)
./scripts/create-loop.sh hero-background.mp4 hero-loop.mp4

# Fondu plus long pour une transition plus douce
./scripts/create-loop.sh hero-background.mp4 hero-loop.mp4 1.0

# Fondu rapide pour un contenu au rythme soutenu
./scripts/create-loop.sh product-spin.mp4 product-loop.mp4 0.25

Résultat

La vidéo de sortie aura une durée approximative de (2 * durée_entrée) - (2 * durée_fondu).

Exemple : 6 secondes d'entrée avec un fondu de 0,5s = boucle fluide d'environ 11 secondes

Implémentation HTML

Utilisez la boucle fluide dans votre section héros :

<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;
}

Quand l'utiliser

• Arrière-plans de héros - Mouvement ambiant derrière le texte/les CTA
• Présentations de produits - Produits en rotation/flottants
• Ambiances en boucle - Contenu atmosphérique pour écrans
• États de chargement - Retour visuel fluide

Conseils

• Des fondus plus courts (0,25-0,5s) fonctionnent mieux pour les vidéos avec un mouvement subtil
• Des fondus plus longs (0,75-1,5s) lissent les vidéos avec un mouvement plus dynamique
• Les vidéos au contenu symétrique ou abstrait bouclent le plus naturellement
• Évitez les vidéos avec un mouvement directionnel (marche, texte défilant) - elles semblent étranges inversées