HOME - SMIL 04.04.2005 © Wolfgang von Keitz


Vorwort
Grundlagen
Layout
Zeit

Bild, Text und Ton

SMIL und HTML
Referenz
Beispiele
Anhang
Quellen

4. Bild, Text und Ton im Realplayer

4.6. Die Real-Pix-Datei

Die in SMIL definierten Elemente zur Bildbehandlung können, wie bereits betont, lediglich als Basiselemente einer Multimediapräsentation angesehen werden. Anspuchsvollere Funktionen, wie

  • Auf- und Abblenden
  • Zoomen oder
  • Überblenden

sind in SMIL bislang nicht definiert. Um aber bereits heute möglichst professionelle Bildpräsentationen für das Internet erstellen zu können, hat RealNetworks die Realpix-Elemente definiert. Diese Elemente werden in einer Realpix-Datei mit dem Suffix .rp abgelegt.

4.6.1. Das <imfl>-Element

Jede Realpix-Datei beginnt mit dem <imfl>-Tag und endet mit dem </imfl>-Tag.

4.6.2. Das <head>-Element

Im <head>-Element werden Zeitformat, Präsentationsdauer, Bitrate, Vorlauf, Größe des Präsentationsfensters und Skalierbarkeit definiert. Beispiel:

<imfl> <head timeformat="dd:hh:mm:ss.xyz" duration="0:30" bitrate="12000" preroll="0:10" width="256" height="256" aspect="true" /> ...... </imfl>

Das <head>-Element wird ohne weiteren End-Tag direkt durch einen Schrägstrich abgeschlossen.

4.6.3. Das <image>-Element

Um die erweiterten Möglichkeiten der Bildpräsentation des Realplayers nutzen zu können, tritt das <image-Element> an die Stelle des dem SMIL-Standard entsprechenden <img>-Elements.

Das <image>-Element kennt für das src-Attribut zusätzlich zu den vom <img>-Element her bekannten Werten die folgende Optionen:

  • bitrate: setzt die Streamingbitrate in Bitrate pro Sekunde; Beispiel: bitrate=1000
  • bgcolor: ersetzt die Hintergrundfarbe; Beispiel:bgcolor=black oder bgcolor=AA3344
  • url: linkt zu einer URL oder einem RealPlayer-Kommando; Beispiel: url=http://www.xyz.de, oder url=command:stop
  • target: setzt Browser oder RealPlayer als target; Beispiel: target=_browser oder target=_player

Als Trenner zwischen der Angabe des Pfades bzw. des Namens der Bilddatei und den weiteren Optionen dient das ?-Zeichen; als Trenner zwischen den einzelnen Optionen das kaufmännische "&".

Als erstes wird die Bilddatei angegeben, auf die sich die einzelnen Optionen beziehen; danach folgen die Optionen; abschliessend werden die üblichen vom <img>-Element her bekannten Attribute angegeben. Die allgemeine Form des <image>-Elements lautet:

<image src="url?attribute=value&option=value" attribute=".." />

Beispiel: <image src="bild1.gif?bitrate=1000&bgcolor=blue" begin="5s" />

4.6.3.1. Bitrate

Neben der im <head>-Element definierten allgemeinen Bitrate, kann im <image>-Element für jedes einzelne Bild eine eigene Übertragungsgeschwindigkeit spezifiziert werden. Als Voreinstellung wird für die Übertragung von Bildern eine Bitrate von 12 Kbps gewählt. Mit dem bitrate-Attribut kann durch die Wahl einer höheren Bitrate die Bildübertragung beschleunigt oder durch die Wahl einer niedrigeren Bitrate die Bildübertragung verlangsamt werden. Eine genaue Festlegung der Übertragungsgeschwindigkeiten der einzelnen Multimediaobjekte ist immer dann ratsam, wenn zeitkritische Video-Objekte verwendet werden. Im folgenden Beispiel wird die Bitrate der Bildübertragung herabgesetzt, um mehr Bandbreite für die Videoübertragung zur Verfügung zu haben:

<par> <video src="video1.rm" region="videoregion" /> <par> <seq> <image src="bild1.gif?bitrate=1000" begin="30s" dur="60s" region="bildregion" /> <image src="bild2.gif?bitrate=1000" dur="120s" region="bildregion" /> <image src="bild3.gif?bitrate=1000" dur="60s" region="bildregion" /> </seq> </par> </par>

4.6.3.2. Hintergrundfarbe

Bei transparenten Bildern im gif-Format kann mit der Option bgcolor die Hintergrundfarbe geändert werden. Die Farbwerte werden namentlich oder in Hexadezimalwerten ohne führendes #-Zeichen angegeben (siehe Anhang). Beispiel:

<image src="bild1.gif?bgcolor=BB21AA" />

4.6.3.3. Links

Mit der url- und target-Option können für ein Bild Links definiert werden. Im folgenden Beispiel wird ein Link zu einer http-Adresse definiert; das unter dieser Adresse abgelegte HTML-Dokument wird im Standardbrowsers sichtbar:

<image src="bild1.gif?url=http://hdm-stuttgart.de&target=_browser" region="bildregion" />

Im zweiten Beispiel wird ein Link zu einem SMIL-Dokument definiert, mit dem eine Präsentation für den RealPlayer gestartet wird:

<image src="bild1.gif?url=rtsp://realserver.hdm-stuttgart.de/media.smi&target=_player" region="videoregion" />

4.2.3.4. Steuerung des RealPlayers

Mit Hilfe der url-Option können aber nicht nur Links definiert werden. Ein weitere Möglichkeit, die die url-Option in Verbindung mit der target-Option bietet, ist die Steuerung des Realplayers durch Kommandos. Mit den entsprechenden Werten dieser Option kann der RealPlayer gestartet, gestoppt, auf Halt gesetzt oder vor- und zurückgespult werden. Das allgemeine Format der url-Option lautet:

url=command:command&target=_player

Folgende Kommandos können zur Steuerung des Players benutzt werden:

  • play() = der Player wird gestartet,
  • stop() = der Player wird gestoppt,
  • pause() = der Player wird auf Halt gesetzt,
  • seek(dd:hh:mm:ss.xyz) = der Player wird an die spezifizierte Stelle der internen Zeitschiene der Präsentation gespult und startet dann; fehlt der Dezimalpunkt, wird die Zeitangabe als Sekunden interpretiert.

Im ersten Beispiel wird der Realplayer gestartet; Bild 1 wird im Präsentationsbereich "bildregion" präsentiert:

<image src="bild1.gif?url=command:play()&target=_player" region="bildregion" />

Im zweiten Beispiel wird der Realplayer in der internen Zeitschiene der Präsentation an die Stelle 1 Minute und 20,5 Sekunden vorgespult; nach Erreichen dieser Stelle wird das Bild "Bild1" in die Präsentation eingespielt:

<image src="bild1.gif?url=command:seek(1:20.5)&target=_player" region="bildregion" />

4.6.4. Das <fill>-Element

Mit dem <fill>-Element kann die Präsentationsfläche mit einer vorgegebenen Farbe ausgefüllt werden. Das <fill>-Element kennt die Attribute "start" und "color". Das Attribut "color" spezifiziert die Hintergrundfarbe. Über das Startattribut lässt sich die Einblendung der Hintergrundfarbe zeitlich steuern. Beispiel:

<fill start="0:00" color="black" />

4.6.5. Die <fadein>-<fadeout>-Elemente

Mit dem <fadein>-Element wird das Aufblenden eines Bildes gesteuert. Das <fadeout>-Element steuert das Ausblenden eines Bildes. Die <fadein>-<fadeout>-Elemente kennen folgende Attribute:

  • start = Start der Auf- oder Ausblendung nach dem SMIL-Zeitschema
  • duration = Dauer der Auf- oder Ausblendung
  • dstx = Position des Bildes vom linken Rand in Pixeln
  • dsty = Position des Bildes vom oberen Rand in Pixeln
  • dstw = Breite des Bildes in Pixeln
  • dsth = Höhe des Bildes in Pixeln
  • target = image-Bildnummer des aufzublendenden Bildes

Im folgenden Beispiel werden zwei Bilder in eine Präsentationsfläche eingeblendet. Die Einblendung geschieht nun nicht mehr wie in den vorausgegangenen Beispielen unmittelbar; vielmehr werden die Bilder langsam aufgeblendet. Sind die Bilder eingeblendet, bleiben sie solange in der Präsentation, bis sie wieder ausgeblendet werden.

<imfl> <head timeformat="dd:hh:mm:ss.xyz" duration="0:30" bitrate="12000" preroll="0:10" width="256" height="256" aspect="true" /> ......
<image handle="1" name="bild.jpg" /> <image handle="2" name="bild2.jpg" /> <fill start="0:00" color="black" /> <fadein start="0:01" duration="0:03" dstx="0" dsty="0" dstw="128" dsth="128" target="1" /> <fadein start="0:04" duration="0:03" dstx="128" dsty="0" dstw="128" dsth="128" target="2" /> <fadein start="0:07" duration="0:03" dstx="128" dsty="128" dstw="128" dsth="128" target="1" /> <fadein start="0:10" duration="0:03" dstx="0" dsty="128" dstw="128" dsth="128" target="2" /> <fadeout start="0:13" duration="0:03" dstx="0" dsty="0" dstw="128" dsth="128" target="1" /> <fadeout start="0:16" duration="0:03" dstx="128" dsty="0" dstw="128" dsth="128" target="2" /> <fadeout start="0:19" duration="0:03" dstx="128" dsty="128" dstw="128" dsth="128" target="1" /> <fadeout start="0:22" duration="0:03" dstx="0" dsty="128" dstw="128" dsth="128" target="2" /> </imfl>

Überschneiden sich die Größen der eingeblendeten Bilder, wird das zuerst eingeblendete Bild von den nachfolgenden Bildern überlagert. Im nachfolgenden Beispiel wird zunächst Bild 2 eingeblendet. Danach werden im Zentrum der Präsentationsfläche im Wechseln die Bilder 1 und 2 in jeweils verkleinerter Form überlagert. Am Ende der Präsentation bleibt Bild 2 in der Präsentationsfläche eingeblendet. Durch diese zentrierte Überlagerung läßt sich optisch ein Raumeffekt erzeugen.

<fadein start="0:01" duration="0:02" target="2" /> <fadein start="0:04" duration="0:02" dstx="32" dsty="32" dstw="192" dsth="192" target="1" /> <fadein start="0:07" duration="0:02" dstx="48" dsty="48" dstw="160" dsth="160" target="2" /> <fadein start="0:10" duration="0:02" dstx="64" dsty="64" dstw="128" dsth="128" target="1" /> <fadein start="0:13" duration="0:02" dstx="80" dsty="80" dstw="96" dsth="96" target="2" />

4.6.6. Das <crossfade>-Element

Das <crossfade>-Element dient der Überblendung von Bildern. Das crossfade-Element kennt die folgenden Attribute:

  • start = Start der Auf- oder Überblendung nach dem SMIL-Zeitschema
  • duration = Dauer der Überblendung
  • target = image-Bildnummer des aufzublendenden Bildes

Im folgenden Beispiel wird zunächst Bild 1 aufgeblendet. Die nachfolgenden Bilder überblenden jeweils das zuvor eingeblendete Bild.

<imfl>
<head
timeformat="dd:hh:mm:ss.xyz" duration="0:30" bitrate="12000" preroll="0:10" width="256" height="256" aspect="true" /> <image handle="1" name="bild.jpg" /> <image handle="2" name="bild2.jpg" /> <image handle="3" name="melonen.jpg" /> <image handle="4" name="servants.jpg" /> <image handle="5" name="bert.jpg" /> <fill start="0:00" color="black" /> <crossfade start="0:01" duration="0:02" target="1" /> <crossfade start="0:10" duration="0:02" target="2" /> <crossfade start="0:20" duration="0:02" target="3" /> <crossfade start="0:30" duration="0:02" target="4" /> <crossfade start="0:40" duration="0:02" target="5" /> </imfl>

4.6.7. Das <viewchange>-Element

Mit dem <viewchange>-Element lassen sich Bilder heran- oder wegzoomen und Schwenks einblenden. Das viewchange-Element kennt folgende Attribute:

  • start = Start des Zooms nach dem SMIL-Zeitschema
  • duration = Dauer des Zooms
  • target = zu zoomendes Bild entsprechend der zugewiesenen Bildnummer
  • srcx = horizontale Position des Fokuspunktes in Pixel
  • srcy = vertikale Position des Fokuspunktes in Pixel
  • srcw = Breite des Bildausschnitts in Pixel
  • srch = Höhe des Bildausschnitts in Pixel
  • dstx = Position des Bildes vom linken Rand in Pixel
  • dsty = Position des Bildes vom oberen Rand in Pixel
  • dstw = Breite des Bildes in Pixel
  • dsth = Höhe des Bildes in Pixel

In diesem Element müssen besonders zwei Gruppen von Attributen unterschieden werden: die screen-Attribute (scr) und die distance-Attribute (dst). Die screen-Attribute definieren die Position und Größe eines Bildausschnitts, während die distance-Attribute die Position und Größe des präsentierten Bildes definieren. Fehlen Angaben zu den distance-Attributen, wird als Voreinstellung die Größe des Bildes mit der Größe der Präsentationsfläche gleichgesetzt.

4.6.7.1. Zoomen

Zoomen bedeutet, einen Bildinhalt näher zum Betrachter heranholen oder einen Bildinhalt vom Betrachter zu entfernen. Beim Zoomen mit einer Kamera wird beim Heranholen des Bildinhalts durch ständige Korrektur der Schärfe ein gleichbleibend scharfes Bild erzeugt. Beim Zoomen mit dem <viewchange>-Element wird durch eine Vergrößerung des Bildes der Effekt erzeugt, dass das Bild näher zum Betrachter herangeholt wird; da dieser Effekt nur durch eine Bildvergrößerung erreicht wird, bleibt das Bild nicht gleichbleibend scharf. Es wird vielmehr immer unschärfer, je näher es herangeholt wird.

Technisch gesehen, besteht die Vergrößerung des Bildes aus einer Verschiebung der Bildränder in Richtung eines Fokuspunktes, wobei die Präsentationsfläche des Bildes konstant gehalten wird. Die Definition eines Fokuspunktes macht es möglich, jeden beliebigen Bildausschnitt heranzuzoomen.

Im folgenden Beispiel wird zunächst ein Bild1 in die Präsentationsfläche der Größe 256 x 256 Pixel eingeblendet. Dann wird aus dem ursprünglichen Bild ein Bildausschnitt der Größe 192 x 192 Pixel erzeugt. Der Fokuspunkt wird vom linken Bildrand aus gesehen 32 Pixel nach links und vom oberen Rand 32 Pixel nach rechts verschoben. Die Präsentationsfläche von 256 x 256 Pixel bleibt konstant. Auf diese Weise wird ein Zoomeffekt erzeugt. Durch eine weitere Verschiebung der Ränder und des Fokuspunktes, wird der Bildausschnitt auf 128 x 128 Pixel weiter verkleinert. Im dritten <viewchange>-Element wird dann die ursprüngliche Bildgröße wiederhergestellt.

<imfl> <head timeformat="dd:hh:mm:ss.xyz" duration="0:30" bitrate="12000" preroll="0:10" width="256" height="256" aspect="true" /> <image handle="1" name="schlossplatz.jpg" /> <fadein start="0:01" duration="0:03" target="1" /> <viewchange start="0:05" duration="0:03" srcx="32" srcy="32" srcw="192" srch="192"/> <viewchange start="0:10" duration="0:03" srcx="64" srcy="64" srcw="128" srch="128"/> <viewchange start="0:15" duration="0:03" srcx="0" srcy="0" srcw="256" srch="256"/> </imfl>

4.6.7.2. Schwenken

Durch das Heranzoomen eines Bildes wird ein Bildausschnitt erzeugt, der auf die durch die Präsentationsfläche vorgegebene Größe vergrößert wird. Der restliche, nun nicht mehr sichtbare Bildausschnitt kann durch Verschieben des Fokuspunktes sichtbar gemacht werden. Das Verschieben des Fokuspunktes erzeugt einen Schwenkeffekt.

Im folgenden Beispiel wird ein Bild1 zunächst herangezoomt und dann folgen einige Schwenks; am Ende wird das Bild dann wieder in Originalgröße präsentiert.

<imfl> <head timeformat="dd:hh:mm:ss.xyz" duration="0:30" bitrate="12000" preroll="0:10" width="256" height="256" aspect="true" /> <image handle="1" name="schlossplatz.jpg" /> <fadein start="0:01" duration="0:03" target="1" /> <!—Zoom --> <viewchange start="0:05" duration="0:02" srcx="0" srcy="0" srcw="160" srch="160"/> <!--Schwenk nach rechts --> <viewchange start="0:08" duration="0:02" srcx="96" srcy="0" srcw="160" srch="160"/> <!--Schwenk nach unten --> <viewchange start="0:11" duration="0:02" srcx="96" srcy="96" srcw="160" srch="160"/> <!—Schwenk nach links. --> <viewchange start="0:14" duration="0:02" srcx="0" srcy="96" srcw="160" srch="160"/> <!—Schwenk nach rechts. --> <viewchange start="0:17" duration="0:02" srcx="0" srcy="0" srcw="256" srch="256"/>
</imfl>

4.6.7.3. Verkleinern

In den bislang besprochen Beispielen wurde beim Zoomen eines Bildes das Bild für den Betrachter "herangezoomt", indem es bei konstanter Präsentationsfläche vergrößert wurde. Umgekehrt kann ein Bild natürlich auch vom Betrachter aus gesehen "weggezoomt" werden, indem es bei konstanter Präsentationsfläche verkleinert wird.

Werden die Werte der Attribute "dstw" und "dsth" verringert und die Werte der Attribute "dstx" und "dsty" konstant gehalten, wird das Bild kleiner. Für den Betrachter entsteht der visuelle Effekt des "wegzoomens". Im folgenden Beispiel wird das verwendete Bild1 zunächst verkleinert und dann wieder auf die ursprüngliche Größe vergrößert:

<imfl> <head timeformat="dd:hh:mm:ss.xyz" duration="0:30" bitrate="12000" preroll="0:10" width="356" height="256" aspect="true" /> <image handle="1" name="schlossplatz.jpg" /> <fadein start="0:01" duration="0:03" target="1" /> <!—Bild verkleinern. --> <viewchange start="0:05" duration="0:03" dstx="0" dsty="0" dstw="128" dsth="128"/> <!—Bild auf ursprüngliche Größe bringen. --> <viewchange start="0:10" duration="0:03" dstx="0" desy="0" dstw="256" dsth="256"/> </imfl>

4.6.7.4. Verkleinern und verschieben

Durch Veränderungen der Werte des dstx- und des dsty-Attributs können Bilder nach dem Verkleinern innerhalb der Projektionsfläche verschoben werden. Im folgenden Beispiel wird das verwendete Bild1 zunächst verkleinert und dann in der Präsentationsfläche in verschiedene Richtungen verschoben:

<imfl> <head timeformat="dd:hh:mm:ss.xyz" duration="0:30" bitrate="12000" preroll="0:10" width="256" height="256" aspect="true" /> <image handle="1" name="schlossplatz.jpg" /> <fadein start="0:01" duration="0:03" target="1" /> <!—Verkleinern des Bildes. --> <viewchange start="0:03" duration="0:02" dstx="82" dsty="82" dstw="92" dsth="92" />
<!—Verschieben des Bildes in die Mitte der Präsentationsfläche. -->
<viewchange start="0:06" duration="0:03" dstx="82" dsty="164" dstw="92" dsth="92" />
<!—Verschieben des Bildes nach rechts. -->
<viewchange start="0:09" duration="0:03" dstx="164" dsty="82" dstw="92" dsth="92" />
<!—Verschieben des Bildes nach oben. -->
<viewchange start="0:12" duration="0:03" dstx="82" dsty="0" dstw="92" dsth="92" />
<!—Verschieben des Bildes nach links. -->
<viewchange start="0:15" duration="0:03" dstx="0" dsty="82" dstw="92" dsth="92" />
<!—Verschieben des Bildes nach unten. -->
<viewchange start="0:18" duration="0:03" dstx="82" dsty="164" dstw="92" dsth="92" />
<!—Verschieben des Bildes in die Mitte. -->
<viewchange start="0:21" duration="0:03" dstx="82" dsty="82" dstw="92" dsth="92" />
<!—Vergößern des Bildes zur ursprünglichen Größe. -->
<viewchange start="0:24" duration="0:03" dstx="0" dsty="0" dstw="256" dsth="256" />
</imfl>

4.6.8. Das <wipe>-Element

Statt Bilder ein- oder aufzublenden, können Bilder auch kontinuierlich "aufgezogen" werden. Das Aufziehen von Bildern in der Präsentationsfläche erfolgt mit dem <wipe>-Element. Hierbei werden zwei Techniken unterschieden:

  • das Aufziehen eines Bildes,
  • das Einschieben eines Bildes.

Das <wipe>-Element besitzt folgende Attribute:

  • type = normal bedeutet aufziehen, push bedeutet einschieben,
  • direction = Richtung des Prozesses, right, left, down, up
  • start = Beginn des Vorgangs
  • duration = Dauer des Vergangs
  • target = Bild entsprechend der zugewiesenen Bildnummer
  • srcx = linker Rand des Bildausschnitts in Pixeln
  • srcy = rechter Rand des Bildausschnitts in Pixeln
  • srcw = Breite des Bildausschnitts in Pixeln
  • srch = Höhe des Bildausschnitts in Pixeln
  • dstx = Position des Bildes vom linken Rand in Pixeln
  • dsty = Position des Bildes vom oberen Rand in Pixeln
  • dstw = Breite des Bildes in Pixeln
  • dsth = Höhe des Bildes in Pixeln

Auch dieses Element kennt screen-Attribute und distance-Attribute, die dieselbe Bedeutung wie beim <viewchange>-Element besitzen.

4.6.8.1. Aufziehen

Im folgenden Beispiel werden mit wipe type="normal" zwei Bilder aus unterschiedlichen Richtungen aufgezogen:

<imfl> <head timeformat="dd:hh:mm:ss.xyz" duration="0:30" bitrate="12000" preroll="0:10" width="256" height="256" aspect="true" /> <image handle="1" name="bild.jpg"/> <image handle="2" name="bild2.jpg"/> <fill start="0:00" color="black"/> <!—Aufziehen der Bilder. --> <wipe type="normal" direction="right" start="0:01" duration="0:03" target="1"/> <wipe type="normal" direction="down" start="0:05" duration="0:03" target="2"/> <wipe type="normal" direction="left" start="0:10" duration="0:03" target="1"/> <wipe type="normal" direction="up" start="0:15" duration="0:03" target="2"/>
</imfl>

4.6.8.2. Einschieben

Im folgenden Beispiel werden mit wipe type="push" zwei Bilder aus unterschiedlichen Richtungen in die Präsentationsfläche eingeschoben:

<imfl> <head timeformat="dd:hh:mm:ss.xyz" duration="0:30" bitrate="12000" preroll="0:10" width="256" height="256" aspect="true" /> <image handle="1" name="bild.jpg"/> <image handle="2" name="bild2.jpg"/> <fill start="0:00" color="black"/> <!—Einschieben der Bilder. --> <wipe type="push" direction="right" start="0:01" duration="0:03" target="1"/> <wipe type="pushl" direction="down" start="0:05" duration="0:03" target="2"/> <wipe type="push" direction="left" start="0:10" duration="0:03" target="1"/> <wipe type="push" direction="up" start="0:15" duration="0:03" target="2"/> </imfl>

4.6.8.3. Aufziehen und Einschieben von Bildausschnitten

Im folgenden Beispiel werden Bildausschnitte, die durch scr-Attribute definiert wurden, aufgezogen und danach eingeschoben:

<imfl> <head timeformat="dd:hh:mm:ss.xyz" duration="0:30" bitrate="12000" preroll="0:10" width="256" height="256" aspect="true" /> <image handle="1" name="bild.jpg"/> <image handle="2" name="bild2.jpg"/> <fill start="0:00" color="black"/>
<!—Aufziehen der Bildausschnitte . -->
<wipe type="normal" direction="right" start="0:01" duration="0:02" target="1" srcx="0" srcy="0" srcw="128" srch="128" dstx="0" dsty="0" dstw="128" dsth="128"/> <wipe type="normal" direction="left" start="0:05" duration="0:02" target="1" srcx="128" srcy="128" srcw="128" srch="128" dstx="128" dsty="128" dstw="128" dsth="128"/> <wipe type="normal" direction="up" start="0:10" duration="0:02" target="1" srcx="0" srcy="128" srcw="128" srch="128" dstx="0" dsty="128" dstw="128" dsth="128"/> <wipe type="normal" direction="down" start="0:15" duration="0:02" target="1" srcx="128" srcy="0" srcw="128" srch="128" dstx="128" dsty="0" dstw="128" dsth="128"/> <!—Einschieben der Bildausschnitte. --> <wipe type="push" direction="right" start="0:20" duration="0:02" target="2" srcx="0" srcy="0" srcw="128" srch="128" dstx="0" dsty="0" dstw="128" dsth="128"/> <wipe type="push" direction="left" start="0:25" duration="0:02" target="2" srcx="128" srcy="128" srcw="128" srch="128" dstx="128" dsty="128" dstw="128" dsth="128"/> <wipe type="push" direction="up" start="0:30" duration="0:02" target="2" srcx="0" srcy="128" srcw="128" srch="128" dstx="0" dsty="128" dstw="128" dsth="128"/> <wipe type="push" direction="down" start="0:35" duration="0:02" target="2" srcx="128" srcy="0" srcw="128" srch="128" dstx="128" dsty="0" dstw="128" dsth="128"/>
</imfl>

zurueck top weiter