---
title: Animate CC fájlok beágyazása a tananyagba
menu: Animáció
visible: true

taxonomy:
  documentType: [docs]
  label: [animate cc, editor, beágyazás]
  project: [LCMS]
  role: [editor]
---

A 17.21.0 verziótól lehetőség van Animate CC fájlok beágyazására a tananyagokba. Ezeknek az az előnye a régebben használt flash-es animációkhoz képest, hogy **mobil eszközökön** is lejátszhatóak, illetve **eseményeket** is szerkeszthetünk a beágyazott animációkra. Az Animate CC képes **.fla kiterjesztésű fájlok átalakítására** HTML5 Canvas verzióra (`Commands / Convert AS3 to HTML5 Canvas document`), így a korábban már elkészített flash-es animációk forrása közvetlenül felhasználható a HTML5-ös verzió elkészítéséhez.

!! Az animációk megtervezésekor vegyük figyelembe, hogy annak egy közepes erősségű tableten, esetleg egy erősebb telefonon is működnie kell.

===


## Animate CC fájlok beágyazása

Ahhoz, hogy egy Animate CC-ben készült animációt beágyazzunk egy tananyagba, először Animate CC-ben **publikálnunk** kell. Ehhez nézzük meg a Publikálás beállításait. Amikor elkészítetted a szükséges animációt, kattints a `File / Publish settings` sorra:

![](file002.png?lightbox&crop=32,8,303,497&classes=inline "AnimateCC fájl publikálása")

A felugró ablakban kattints az Advanced fülre:

![](file004.png?lightbox&crop=506,58,525,700&classes=inline "Advanced fül beállítása")

Kattints az `Import new` gombra. Itt tudod az alapértelmezett helyett importálni azt a sablont, aminek kimenete beágyazható a Nexiusba.
Ezt a sablon fájlt letöltheted [innen](animatecc-template.zip), illetve szerkesztőként a következő mappából: \\nexius-fs\DOC\LCMS\Shared\animatecc-template.html

![](file005.png?lightbox&crop=11,2,937,586&classes=inline "Advanced fül beállítása")

Be kell pipálni az `Overwrite HTML file in Publish` opciót:

![](file006.png?lightbox&crop=506,58,525,700&classes=inline "Advanced fül beállítása")

Így az Animate CC minden publikáláskor felülírja az esetlegesen korábban már elkészített HTML-t. A felugró ablakban kattints az OK gombra:

![](file007.png?lightbox&crop=645,417,630,187&classes=inline "JavaScript in HTML")

Ha jól csináltad, a gomb felirata megváltozott:

![](file008.png?lightbox&crop=506,58,525,700&classes=inline "Stop including JavaScript in HTML")

Jöhet a publikálás!
Kattints a `File -> Publish` sorra:

![](file009.png?lightbox&crop=32,8,303,497&classes=inline "Publikálás")

...és várj:

![](file010.png?lightbox&crop=733,456,454,110&classes=inline "Publikálásra várva")

Amikor a program befejezte a publikálást, akkor egyetlen .html kiterjesztésű fájlt kell kapnod. A Nexiusba csak .xml fájlt lehet feltölteni, az AnimateCC viszont csak .html kiterjesztésű fájlt tud publikálni. Mivel korábban a saját sablonunkat importáltuk az ACC-be, ezért a kapott fájl kiterjesztését egyszerűen írjuk át .xml-re.

A kapott fájlt a szerkesztőben az `Új animáció létrehozása` gombbal lehet beszúrni ugyanúgy, mintha egy képet illesztenénk be.

![](file011.png?lightbox&crop=1126,15,328,59&classes=inline "Új animáció létrehozása gomb")

A beágyazott animáció egészére beállíthatunk eseményeket illetve használhatjuk az automatikus magasság és szélesség beállításokat.

!! Az átalakításról és az export beállításokról az Adobe oldalán bővebben [itt lehet olvasni].


  [itt lehet olvasni]: https://helpx.adobe.com/animate/using/creating-publishing-html5-canvas-document.html