      Martin Hozík
      hozikm@seznam.cz
      ICQ: 323756613

Vložení animace do HTML

Takže už máme hotovou animaci a chceme ji upravit tak, aby se dala pohodlně sledovat. Připomenu jen, že je rozdíl mezi pracovní a prohlížecí verzí animace. Ta první má koncovku FLA a druhá SWF. Zatímco soubor FLA slouží k vytváření a úpravám animace, ten druhý je určen jen k prohlížení. Je tedy nutné exportovat animaci ve formátu FLA do formátu SWF. Pozor! - tato akce je NEVRATNÁ!! Ze SWF animace NIKDY nezískáte původní soubor FLA. Doporučuji tedy pracovní verzi FLA nemazat.

Test animace

V pracovním prostředí Flashe si můžete prohlédnout pohyb animace [Enter], ale pokud animace obsahuje nějaké pokročilejší prvky (Tlačítka, Actionscript), nebude fungovat správně.

Řešením by bylo exportovat animaci do SWF a v externím prohlížeči ji shlédnout. Lze to však udělat mnohem praktičtěji. Slouží k tomu příkaz "Test Movie" v nabídce "Control".

Takto si můžete prohlédnout animaci tak, jak bude opravdu vypadat.

Bandwidth profiler

Funkce "Test Movie" umožňuje nejen prohlížet animaci, ale i zjistit, kolik dat se musí načíst v každém snímku.

Právě k tomuto účelu slouží Bandwidth profiler. Zobrazíte ho volbou v menu "View"

Bandwitch profiler

Tento sloupcový graf znázorňuje objem načítaných dat v jednotlivých snímcích. Jakmile sloupec překročí červeně vyznačenou mez, dojde ke zpomalení framerate, což je samozřejmě nežádoucí. První snímek bývá většinou největší - v něm se načítají všechny symboly v knihovně (Library). Aby se zabránilo počátečnímu trhání animace, je nutné použít tzv. "Preloader"

Pokud přehráváte animaci z disku, nebude většinou docházet k žádným problémům. Jiná situace ovšem nastane při prohlížení na internetu pomocí pomalé dial-up linky. Pro zkoušku pomalého načítání v menu "View" existuje volba "Show streaming". Po zaškrtnutí této volby se bude animace chovat, jako kdyby byla načítaná z webu. Rychlost tohoto virtuálního připojení můžete ovlivnit v menu "Debug" (doporučuji 14.4 kbps)

Exportování

Pokud máte animaci hotovu, můžete ji exportovat do formátu SWF (nebo do 14 jiných formátů, které však nebudou umět zobrazit některé funkce) volbou "Export Movie" v menu "File". Před exportem ještě můžete upřesnit některá nastavení (viz níže)

Publikování

Publikování je prakticky totéž co exportování, jen je v něm možno zároveň exportovat animaci do více druhů souborů

K nastavení publikování slouží volba "Publish Settings" v menu "File" Zde máte hned 8 možnosti, jak animaci publikovat. Ke každé zaškrtnuté položce se objeví nová kartička sloužící k podrobnému nastavení parametrů. Po nastavení potřebných parametrů stiskněte "OK" pro uložení nastavení nebo "Publish" pro okamžité publikování. Popíši tady dva nejdůležitější exportní formáty:

Okno nastavení publikování

Flash [SWF]

Klasický flash soubor, který můžete přehrát buď v prohlížeči nebo ve Flash Playeru

Version - zde nastavte v jaké verzi chcete animaci exportovat (pokud budete animaci exportovat do nižších verzí, mohou některé funkce dělat problémy.
Load Order
pořadí, ve kterém Flash nahraje vrstvy animace pro zobrazení prvního snímku: Bottom Up (Zdola nahoru) nebo Top Down (Shora dolů).
Options
Generate Size Report = generovat záznam o velikosti animace

Protect from import = zakázat otevření SWF animace jako pracovní FLA soubor (je možné zadat heslo do pole "Password")
Omit Trace Actions = způsobí, že Flash ignoruje akci Trace v aktuální animaci a zabrání oknu Output v otevření a zobrazení komentářů
Debugging Permitted = aktivuje Debugger a umožní ladění animace Flash na dálku (je možné zadat heslo do pole "Password")
Compress Movie = nová funkce, která funguje jen ve verzi 6. Zatrhnutím této volby částečně zmenšíte velikost výsledného souboru.
JPEG Quality
kvalita vložených JPEG rastrů
Audio Stream/Event
nastaví kvalitu průběžných/událostních zvuků
Override Sound Settings
globálně přenastaví vlastnosti zvuků

HTML dokument

Pokud zaškrtnete volbu "HTML Document" na kartičce "Formats" zatrhne se automaticky i export do SWF. Samotná HTML stránka totiž sama o sobě nemůže obsahovat žádné objekty.

Template
Zde zvolíte podle které šablony se má HTML stránka vytvořit
Detect for Flash 3-6 = stránka ještě před startem animace zkontroluje přítomnost aktuálního Flash pluginu v prohlížeči
Flash only = klasická stránka s vloženou animací
Dimesions
Zde můžete určit v jakých jednotkách má mít animace definované rozměry (procenta, pixely nebo neměnit rozměr)
Width, height
upravení rozměrů animace (výška, šířka)
Playback
Přehrávání
Paused at start = na začátku zastaveno
Loop = smyčka
Display Menu = po kliknutí pravým tl. zobrazovat místní nabídku
Device Font = používat systémové fonty
Quality
Kvalita zobrazení - neovlivňuje velikost animace, ale náročnost na výkon počítače. (snížením kvality se vypne antialiasing a průhlednost objektů)
Window
Window = přehraje animaci Přehrávače Flash ve vlastním obdélníkovém okně na webové stránce pro rychlejší animaci
Opaque Windowless = přesune prvky za animaci Flash (například s dynamickým HTML), aby bylo zabráněno jejich zobrazení přes animaci
Transparent Windowless = zobrazí pozadí HTML stránky, do které je vložena animace, přes všechny průhledné oblasti animace,
ale může animaci zpomalit
HTML Alignment
Zarovnání animace
Scale
Zde můžete určit, zda se mají objekty přizpůsobovat velikosti okna
Flash Alignment
Zarovnání objektů animaci v rámci samotného okna animace.
Show Warning Messages
Zobrazovat chybové hlášky při exportu

HTML výstup

Následující HTML kódy Flash vygeneruje při publikování. Abyste si nemysleli, že jde o nějakou černou magii, uvádím stručný přehled.
Flash animace je autonomní objekt, který je přehráván pomocí zásuvného modulu (plug-in). Jsou dvě možnosti jak jej umístit na HTML stránku:

Pomocí tagu EMBED:

Embed anglicky znamená "umístit" nebo "pevně vložit". Syntaxe je tato:

<EMBED src="animace.swf" 
play="false" 
loop="false" 
quality="high" 
scale="noborder" 
devicefont="true" 
bgcolor="#FFFFFF" 
width="550" 
height="400"
wmode="opaque" 
type="application/x-shockwave-flash" 
pluginspage="http://www.macromedia.com/go/getflashplayer">
</EMBED>

EMBED je však v novějších specifikacích (X)HTML nedoporučován a tak se dnes používá novější tag OBJECT

Pomocí tagu Object

OBJECT je novější a má víc možností použití, než starší EMBED. Pokud však chcete dodržovat zpětnou kompatibilitu se staršími verzemi prohlížečů, měli byste používat raději EMBED (nebo oboje - EMBED jako alternativní obsah tagu OBJECT)

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com
/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
WIDTH="550" HEIGHT="400">

<PARAM NAME="movie" VALUE="animace.swf">
  <PARAM NAME="play" VALUE="false">
  <PARAM NAME="loop" VALUE="false">
  <PARAM NAME="quality" VALUE="high">
  <PARAM NAME="scale" VALUE="noborder">
  <PARAM NAME="devicefont" VALUE="true">
  <PARAM NAME="bgcolor" VALUE="#FFFFFF"> 
  <PARAM NAME="wmode" VALUE="opaque">

  Zde je alternativní obsah - často varianta s EMBED
</OBJECT>

* tučně vyznačené části jsou nezbytné pro zobrazení animace, ostatní jsou volitelné