3.11.4 Animationen einbinden

[unmarkierte Version]

[gesichtete Version]

Aktuelle Version vom 14. Dezember 2020, 14:26 Uhr

Animationen können wie Videos im mp4-Format in LOOP eingebunden werden.

Einbindung einer Animation mit Video-Tag[]

Mit dem Video-Tag von LOOP ist es möglich, die Animation in Breite und Höhe width="500" height="430" anzupassen, sowie ein Vorschaubild image="Biomass-to-liquid.jpg" einzufügen.

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

Ergebnis:

Einbinden einer Animation mit Media-Tag[]

Mit dem Button "Medienelement-Animation" fügen Sie gleichzeitig den Tag zur Auszeichnung ins Medienverzeichnis <loop_media type="anmation" ... </loop_media id="5fd759def0807"> und den Datei-Tag [[file:Dateiname.mp4]] zur Darstellung des Videos in den Editor ein.

Abb. 76:

Wenn Sie die Breite und Höhe der Animation ändern wollen, benutzen Sie statt des Datei-Tags [[file:Dateiname.mp4]] den Loop_video-Tag <loop_video source="Dateiname.mp4" ... </loop_video>.

Datei-Tag[]

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

Ergebnis:

Med. 4: Biomass to liquid

Studenmodul: Energietechnik

Loop_video-Tag[]

Syntax: <loop_media type="animation" title="Biomass to liquid" description="Studienmodul: Energietechnik" id="5fd759def081e"> <loop_video source="biomass_to_liquid_des_gra_de.mp4" image="" width="500" height="430"> </loop_video> </loop_media>

Ergebnis:

Med. 5: Biomass to liquid

Studienmodul: Energietechnik

@@ Zeile 1: / Zeile 1: @@
-Animationen könne im mp4-Format in LOOP eingebunden werden. Mit dem Button "Medienelement-Animation" fügen Sie den Tag zur Auszeichnung ins Medienverzeichnis und den Datei-Tag zur Darstellung des Videos gleichzeitig in den Editor ein.
+Animationen können wie [[Videos einbinden|Videos]] im mp4-Format in LOOP eingebunden werden.
-<loop_figure>
+=== Einbindung einer Animation mit Video-Tag ===
-[[Datei:loop_seiteneditor_loop-untermenue_medienelement_animation.png]]
+Mit dem Video-Tag von LOOP ist es möglich, die Animation in Breite und Höhe <tt>width="500" height="430"</tt> anzupassen, sowie ein Vorschaubild <tt>image="Biomass-to-liquid.jpg"</tt>  einzufügen.
+'''Syntax:'''
+<code><loop_video source="biomass_to_liquid_des_gra_de.mp4"
+image="Biomass-to-liquid.jpg"
+width="500" height="430">
+</loop_video></code>
+'''Ergebnis:'''
+<loop_video source="biomass_to_liquid_des_gra_de.mp4"
+image="Biomass-to-liquid.jpg"
+width="500" height="430">
+</loop_video>
+=== Einbinden einer Animation mit Media-Tag  ===
+Mit dem Button "Medienelement-Animation" fügen Sie gleichzeitig den Tag zur Auszeichnung ins [[Spezial:LoopMedia|Medienverzeichnis]] <tt><code><loop_media type="anmation"  ... </loop_media id="5fd759def0807"> </code></tt> und den Datei-Tag <tt><code>[[file:Dateiname.mp4]]</code></tt> zur Darstellung des Videos in den Editor ein.
+<loop_figure id="5fd759def080f">
+[[Datei:loop_seiteneditor_loop-untermenue_medienelement_animation.png|600px]]
 <loop_title> </loop_title>
 <loop_description> </loop_description>
 </loop_figure>
-Der generierte LOOP-Code mit einer Beispielanimation finden Sie im nachfolgenden Beispiel.
-<loop_area type="example">
+Wenn Sie die Breite und Höhe der Animation ändern wollen, benutzen Sie statt des Datei-Tags <tt><code>[[file:Dateiname.mp4]]</code></tt> den Loop_video-Tag <tt><code><loop_video source="Dateiname.mp4" ... </loop_video></code></tt>.
-'''Code:'''
-<code><loop_media type="animation" title="Beispielanimation" description="MP4-Video als
+====  Datei-Tag ====
-Beispiel für eine ausgezeichnete Animation in LOOP.">
+'''Syntax:'''
-[[file:testvideo_720x480.mp4]]
+<code><loop_media type="animation" title="Biomass to liquid"
+description="Studenmodul: Energietechnik" id="5fd759def0815">
+[[file:Biomass_to_liquid_des_gra_de.mp4]]
 </loop_media></code>
-'''Ereignis:'''
-<loop_media type="animation" title="Beispielanimation" description="MP4-Video als Beispiel für eine ausgezeichnete Animation in LOOP.">
+'''Ergebnis:'''
-[[file:testvideo_720x480.mp4|500px|center]]
+<loop_media type="animation" title="Biomass to liquid"
+description="Studenmodul: Energietechnik" id="5fd759def081a">
+[[file:Biomass_to_liquid_des_gra_de.mp4]]
+</loop_media>
+==== Loop_video-Tag ====
+'''Syntax:'''
+<code><loop_media type="animation" title="Biomass to liquid"
+description="Studienmodul: Energietechnik" id="5fd759def081e">
+<loop_video source="biomass_to_liquid_des_gra_de.mp4"
+image="" width="500" height="430">
+</loop_video>
+</loop_media>
+</code>
+'''Ergebnis:'''
+<loop_media type="animation" title="Biomass to liquid" description="Studienmodul: Energietechnik" id="5fd759def0822">
+<loop_video source="biomass_to_liquid_des_gra_de.mp4"
+image="" width="500" height="430">
+</loop_video>
 </loop_media>
-</loop_area>