VionetoVioneto
Zurück zum Magazin

VIONETO MAGAZIN Video gestalten

Video-Loops planen: den Übergang vom letzten zum ersten Bild prüfen

Die Wiederholungsfunktion startet einen Film erneut. Ob die Naht ruhig wirkt, entscheidet auch das Material. Zwei eigene Bewegungsclips trennen den Player-Schalter von der Gestaltung des Übergangs.

Zwei eigene Bewegungsmodelle: Die geradlinige Kreisbewegung springt an der Naht um 235,2 Quellpixel zurück. Die zyklische Bewegung hat dort einen Schritt von rund 6,91 Quellpixeln, ebenso wie zwischen den übrigen benachbarten Positionen.
Quellkoordinaten eigener synthetischer Clips; keine Garantie für unterbrechungsfreie Wiedergabe auf jedem Gerät.Bild: Vioneto · eigene Illustration

Ein kurzer Clip wird wiederholt, doch bei jedem Neustart springt das Motiv sichtbar zurück. Die Wiederholungsfunktion arbeitet dabei möglicherweise genau wie vorgesehen. Sie startet die Datei erneut; sie gestaltet keinen passenden Übergang zwischen deren Ende und Anfang.

Für eine Videoschleife sind deshalb zwei Aufgaben getrennt zu lösen: Der Inhalt braucht eine beabsichtigte Naht. Der Zielplayer muss die gewünschte Wiederholung und eine nutzbare Unterbrechung ermöglichen. Beginne mit einer kurzen Probe, bevor du eine längere Animation oder Aufnahme fertigstellst.

Was der Wiederholungsschalter tatsächlich bedeutet

Für ein HTML-Medienelement beschreibt MDN die Eigenschaft loop als Steuerung dafür, ob das Medium nach seinem Ende erneut beginnt. Diese Eigenschaft sagt nichts darüber aus, ob die letzten und ersten Bilder gestalterisch zusammenpassen oder ob die konkrete Wiedergabe auf jedem Gerät ohne sichtbare Pause erfolgt.

MDN: Wiederholung eines HTML-Medienelements

Unsere eigene lokale Probe startet beide Filme durch einen bewussten Klick. Automatischer Start ist für das Prüfen einer Loop-Naht nicht erforderlich. Übertrage Einstellungen aus einem einfachen HTML-Beispiel außerdem nicht ungeprüft auf einen eingebetteten Anbieterplayer: Dort brauchst du die tatsächlich angebotenen Bedienelemente und Optionen.

Zwei eigene Bewegungsclips im Vergleich

Wir haben zwei stumme Clips mit jeweils 50 eigenen Bildern bei 25 Bildern pro Sekunde erzeugt. Beide dauern zwei Sekunden und zeigen einen Kreis auf dunklem Grund. Die Bildfläche ist 320 mal 180 Pixel groß. Alle Bilder beider codierten Dateien wurden vollständig decodiert; die Zahl der Bilder und deren Zeitpunkte wurden ausgelesen.

Im geradlinigen Modell bewegt sich der Kreismittelpunkt pro Bild um 4,8 Quellpixel nach rechts. Er beginnt bei x = 40 und steht im letzten Bild bei x = 275,2. Bei der Wiederholung springt er folglich um 235,2 Quellpixel zur ersten Position zurück. Der Player kann die Datei korrekt wiederholen, während dieser inhaltliche Sprung deutlich bestehen bleibt.

Im zyklischen Modell bewegt sich der Mittelpunkt auf einer Kreisbahn mit Radius 55 Quellpixeln. Die 50 Positionen teilen einen vollen Umlauf gleichmäßig auf. Zwischen der letzten und der ersten Position beträgt der Abstand rund 6,91 Quellpixel, genauso wie zwischen den anderen benachbarten Positionen. Das erste und letzte Bild sind dabei nicht identisch: Sie gehören als benachbarte Schritte zur fortgesetzten Bewegung.

Das ist eine Rechnung aus den tatsächlich verwendeten Quellkoordinaten, keine Messung wahrgenommener Glätte. Ein kurzer geometrischer Abstand allein garantiert noch keinen ruhigen Film: Bewegungsrichtung, Geschwindigkeit, wechselndes Licht, Hintergrund und Ton können an einer Naht ebenfalls auffallen. Unsere Clips enthalten keinen Ton und prüfen diese zusätzlichen Fälle nicht.

Die Naht als eigene Schnittstelle behandeln

  1. Die letzte sichtbare Phase unmittelbar mit der ersten vergleichen: Position, Richtung, Bildausschnitt und Hintergrund.
  2. Eine Bewegung über den Übergang hinaus denken. Soll sie weiterlaufen, zurückkehren oder bewusst neu einsetzen?
  3. Bei einer gefilmten Handlung Anfang und Ende mit ausreichendem Spielraum aufnehmen und einen kurzen Probeumlauf schneiden.
  4. Bei vorhandenem Ton die Grenze separat abhören. Eine passende Bildfolge beweist keine passende Tonnaht.
  5. Die fertig gelieferte Datei mehrfach im tatsächlichen Zielplayer ansehen und die Unterbrechung ausprobieren.

Für eine technische Demonstration kann ein bewusster Neustart richtig sein. Wenn ein Objekt nach dem Ende der Handlung wieder in die Ausgangslage springt, sollte die Wiederholung verständlich bleiben. Eine vermeintlich unsichtbare Naht ist kein Selbstzweck. Eine Einblendung oder eine Ruhephase kann als bewusst gestalteter Neubeginn geeigneter sein als eine erzwungene Dauerschleife.

Wiederholung und Anhalten tatsächlich prüfen

Im regulären lokalen Chrome liefen beide eigenen Clips nach manuellem Start jeweils über fünf beobachtete Rücksprünge hinweg. Die Schaltfläche zum Anhalten pausierte anschließend beide. Das bestätigt die Wiederholung und Unterbrechung in dieser konkreten Probe. Es ist kein Test eines Vioneto-Loopmerkmals, aller Browser oder langsamer Geräte.

Auch die Dauer eines einzelnen Clips kann täuschen: Eine zweisekündige Datei läuft bei Wiederholung insgesamt länger als zwei Sekunden. Die W3C-Erläuterung zu Pause, Stop, Hide behandelt automatisch beginnende Bewegung, die länger als fünf Sekunden läuft und parallel zu anderen Inhalten erscheint; unter den dort beschriebenen Bedingungen ist eine Möglichkeit zum Pausieren, Stoppen oder Verbergen vorgesehen. Eine kurze Datei allein löst diese Frage nicht.

W3C: Erläuterung zu Pause, Stop, Hide

Für die eigene Gestaltung lohnt deshalb eine erreichbare Pause auch dann, wenn der erste Start bewusst erfolgt. Prüfe diese Bedienung im vorgesehenen Leserweg, einschließlich Tastatur. Eine Loop-Abnahme ist erst brauchbar, wenn sowohl die beabsichtigte Naht als auch das Ende der Wiederholung nachvollziehbar sind.

Videoplayer mit der Tastatur prüfen

Automatischen Start getrennt beurteilen

Schlagwörter

Quellen und weiterführende Informationen

  1. https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/loop
  2. https://www.w3.org/WAI/WCAG22/Understanding/pause-stop-hide.html