3.11.4 Animationen einbinden

[unmarkierte Version]

Version vom 22. April 2016, 13:17 Uhr

Animationen können wie Videos im mp4-Format in LOOP eingebunden werden. Mit dem Button "Medienelement-Animation" fügen Sie gleichzeitig den Tag zur Auszeichnung ins Medienverzeichnis (<loop_media ... ) und den Datei-Tag ([[file: ]]) zur Darstellung des Videos in den Editor ein.

Loop seiteneditor loop-untermenue medienelement animation.png

Abb. :

Der generierte LOOP-Code mit einer Beispielanimation finden Sie im nachfolgenden Beispiel.

Syntax: <loop_media type="animation" title="Biomass to liquid" description="Studenmodul: Energietechnik"> [[file:Biomass_to_liquid_des_gra_de.mp4]] </loop_media>

Med. : Biomass to liquid

Studienmodul: Energietechnik

Ergebnis:

Med. : Biomass to liquid

Studienmodul: Energietechnik

Einbindung einer Animation mit Video-Tag[]

Mit dem Video-Tag von LOOP ist es möglich die verwendete Animation in ihrer Größe anzupassen, sowie ein Vorschaubild einzufügen.

Syntax: <loop_video source="biomass_to_liquid_des_gra_de.mp4" image="Biomass-to-liquid.jpg" width="500" height="200"> </loop_video>

Ergebnis:

Möchten Sie, dass das Video in das Medienverzeichnis übernommen wird, fügen Sie noch den Wikitext für die Medien-Auszeichnung hinzu:

<loop_media type="video" title="" description=""> </loop_media>

@@ Zeile 1: / Zeile 1: @@
-Animationen könne im mp4-Format in LOOP eingebunden werden. Mit dem Button "Medienelement-Animation" fügen Sie gleichzeitig den Tag zur Auszeichnung ins Medienverzeichnis (<tt><nowiki><loop_media ... </nowiki></tt>) und den Datei-Tag (<tt><nowiki>[[file: ]]</nowiki></tt>) zur Darstellung des Videos in den Editor ein.
+Animationen können wie [[Videos einbinden|Videos]] im mp4-Format in LOOP eingebunden werden. Mit dem Button "Medienelement-Animation" fügen Sie gleichzeitig den Tag zur Auszeichnung ins Medienverzeichnis (<tt><nowiki><loop_media ... </nowiki></tt>) und den Datei-Tag (<tt><nowiki>[[file: ]]</nowiki></tt>) zur Darstellung des Videos in den Editor ein.
 <loop_figure>
@@ Zeile 8: / Zeile 8: @@
 Der generierte LOOP-Code mit einer Beispielanimation finden Sie im nachfolgenden Beispiel.
-<loop_area type="example">
 '''Syntax:'''
-<code><loop_media type="animation" title="Beispielanimation" description="MP4-Video als
+<code><loop_media type="animation" title="Biomass to liquid" description="Studenmodul: Energietechnik">
-Beispiel für eine ausgezeichnete Animation in LOOP.">
+[[file:Biomass_to_liquid_des_gra_de.mp4]]
-[[file:testvideo_720x480.mp4]]
 </loop_media></code>
-'''Ereignis:'''
+<loop_media type="animation" title="Biomass to liquid" description="Studienmodul: Energietechnik">
-<loop_media type="animation" title="Beispielanimation" description="MP4-Video als Beispiel für eine ausgezeichnete Animation in LOOP.">
+<loop_video source="biomass_to_liquid_des_gra_de.mp4"
-[[file:testvideo_720x480.mp4]]
+width="700" height="530">
-</loop_media>
+</loop_video>
-</loop_area>
+</loop_media><br /><br />
+'''Ergebnis:'''
+<loop_media type="animation" title="Biomass to liquid" description="Studienmodul: Energietechnik">
+[[file:biomass_to_liquid_des_gra_de.mp4]]
+</loop_media>
 === Einbindung einer Animation mit Video-Tag ===
 Mit dem Video-Tag von LOOP ist es möglich die verwendete Animation in ihrer Größe anzupassen, sowie ein Vorschaubild einzufügen.
-<loop_area type="example">
 '''Syntax:'''
-<code><loop_video source="testvideo_720x480.mp4"
+<code><loop_video source="biomass_to_liquid_des_gra_de.mp4"
-image="vorschaubild_testvideo.png"
+image="Biomass-to-liquid.jpg"
 width="500" height="200">
 </loop_video></code>
 '''Ergebnis:'''
-<loop_video source="testvideo_720x480.mp4"
+<loop_video source="biomass_to_liquid_des_gra_de.mp4"
-image="vorschaubild_testvideo.png"
+image="Biomass-to-liquid.jpg"
 width="500" height="200">
 </loop_video>
-</loop_area>
 Möchten Sie, dass das Video in das Medienverzeichnis übernommen wird, fügen Sie noch den Wikitext für die Medien-Auszeichnung hinzu:
 <nowiki><loop_media type="video" title="" description=""> </loop_media></nowiki>