kdowswell/veo-tools

Skill für Video-Loops

Wandle jedes Video in eine mathematisch nahtlose Endlosschleife um. Nutzt die Vorwärts-Rückwärts-Überblendungstechnik, um den störenden "Sprung" beim Neustart von Videos zu eliminieren.

Funktionsweise

1. Nimmt das Originalvideo
2. Erstellt eine rückwärts abgespielte Kopie
3. Überblendet das Ende des Originals in den Anfang der Rückwärtskopie
4. Überblendet das Ende der Rückwärtskopie wieder an den Anfang des Originals
5. Ergebnis: Ein Video, das vorwärts und dann rückwärts fließt und so perfekte Kontinuität schafft

Voraussetzungen

Erfordert installiertes ffmpeg:

brew install ffmpeg

Verwendung

Führe das Skript mit Eingabevideo und Ausgabepfad aus:

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

Optionen

./scripts/create-loop.sh input.mp4 output.mp4 [crossfade_duration]

• input.mp4 - Quelldatei des Videos
• output.mp4 - Ausgabedatei des nahtlosen Loops
• crossfade_duration - Optional, Standardwert 0,5 Sekunden (Bereich: 0,25-2,0)

Beispiele

# Einfache Nutzung - 0,5 s Überblendung (Standard)
./scripts/create-loop.sh hero-background.mp4 hero-loop.mp4

# Längere Überblendung für weicheren Übergang
./scripts/create-loop.sh hero-background.mp4 hero-loop.mp4 1.0

# Kurze Überblendung für schnellere Inhalte
./scripts/create-loop.sh product-spin.mp4 product-loop.mp4 0.25

Ausgabe

Das Ausgabevideo hat ungefähr die Länge (2 * Eingabedauer) - (2 * Überblendungsdauer).

Beispiel: 6 Sekunden Eingabe mit 0,5 s Überblendung = ~11 Sekunden nahtloser Loop

HTML-Implementierung

Verwende den nahtlosen Loop in deinem Hero-Bereich:

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

Wann verwenden

• Hero-Hintergründe - Sanfte Bewegung hinter Text/Handlungsaufrufen
• Produktpräsentationen - Rotierende/schwebende Produkte
• Ambient-Loops - Atmosphärische Inhalte für Displays
• Ladezustände - Angenehmes visuelles Feedback

Tipps

• Kürzere Überblendungen (0,25-0,5 s) eignen sich besser für Videos mit subtiler Bewegung
• Längere Überblendungen (0,75-1,5 s) glätten Videos mit dynamischerer Bewegung
• Videos mit symmetrischen oder abstrakten Inhalten loopen am natürlichsten
• Vermeide Videos mit gerichteter Bewegung (Gehen, scrollender Text) – sie sehen rückwärts seltsam aus