Přechod z blesku na html5

V listopadu 2011 společnost Adobe oznámila, že přestane vyvíjet svůj Flash Player pro mobilní zařízení po vydání Flash Player 11.1 pro zařízení Android a BlackBerry Playbook a místo toho se rozhodne soustředit na nástroje pro vytváření aplikací HTML5 pro mobilní zařízení. Přestože Adobe zopakovala svou podporu Flash Player pro prohlížeče osobních počítačů, mnozí si myslí, že je jen otázkou času, než Adobe ukončí podporu pro PC verzi. To je špatná zpráva pro společnosti, které intenzivně investují do aplikací Flash, stejně jako pro vývojáře, kteří investovali čas do získání programovacích dovedností potřebných pro vytváření aplikací Flash.

Podívejme se na některé rozdíly mezi Flash a HTML5 a poskytneme několik tipů a nástrojů, které usnadní přechod mezi těmito dvěma platformami.

Základy platformy Flash

Flash je často používán jako zastřešující termín pro odkazování na patentovanou platformu Adobe, která ve skutečnosti sestává z následujících komponent:

• Flash: Nástroj používaný především k navrhování a vytváření animací
• Flex: Vývojové prostředí používané k vytváření aplikací, včetně sady pro vývoj softwaru (SDK)
• MXML: Značkovací jazyk používaný v projektech Flash
• ActionScript: Skriptovací jazyk

Chcete-li spustit aplikaci Flash ve webovém prohlížeči, musíte si stáhnout plugin Flash Player. Alternativně lze kompilovat aplikaci Flash, která se spouští v prostředí běhového prostředí Adobe AIR. Aby bylo možné aplikaci AIR spustit, musí být v počítači uživatele znovu nainstalován program Adobe AIR.

Flash používá následující hlavní formáty souborů:

• .fla: Soubor projektu Flash
• .flv: Flash video soubor
• .swf: Kompilovaný aplikační soubor Flash / Flex, který může obsahovat soubory .flv

Základy platformy HTML5

HTML5 je otevřená standardní platforma, která se skládá z následujících:

• HTML5: Značkovací jazyk používaný k vytváření webových stránek
• Kaskádové styly 3 (CSS3): Jazyk listů stylů používaný k určení formátování objektů na webové stránce HTML5
• Rozhraní API pro programování aplikací (API): API pro podporu funkcí, jako je například drag-and-drop a cross-document messaging
• JavaScript: Skriptovací jazyk používaný s HTML5 pro aktivaci animace

Jednou z výhod HTML5 je to, že běží na webových prohlížečích nativně a nevyžaduje plug-in. Aby však prohlížeč fungoval správně, musí pro webovou stránku HTML5 podporovat funkce HTML5 a CSS3. Hlavní prohlížeče mají různé úrovně podpory pro HTML5 a CSS3 a implementace není dokončena. JavaScript je téměř všeobecně podporován prohlížeči; uživatelé však mají možnost „vypnout“ JavaScript. V tomto případě se skripty na straně klienta vytvořené pomocí JavaScriptu nespouští.

Formáty souborů HTML5 zahrnují následující:

• .htm / .html: Soubor webové stránky HTML5
• .css: Soubor stylů CSS3

Od roku 2011 současná specifikace HTML5 neurčuje podporované formáty video souborů a ponechává na jednotlivých prohlížečích, aby si vybraly, které formáty budou podporovat. Aktuální podporované formáty zahrnují následující:

• .mp4: Video soubor MPEG 4 s video kodekem H.264 a audio kodekem AAC
• .webm: Video soubor WebM s video kodekem VP8 a audio kodekem Vorbis
• .ogg: Ogg video soubor s video kodekem Theora a audio kodekem Vorbis

Převod projektů Flash na HTML5

Ruční převod složitého projektu Flash na HTML5 je náročný na práci a je časově náročný, a to kvůli rozdílům v platformě. Vývojář musí převést animace vytvořené pomocí Flash a ActionScript na HTML5 a JavaScript. Naštěstí existuje několik nástrojů, které pomáhají automatizovat převod z Flash na HTML5.

Společnost Adobe vydala experimentální nástroj Wallaby, který si můžete zdarma stáhnout z webu Adobe Labs. Wallaby vezme soubor projektu Flash (.fla) jako vstup a export HTML5 a podporuje soubory CSS a JavaScript. Poznámky k vydání Wallaby však obsahují poměrně dlouhý seznam funkcí, které nejsou převedeny - z nichž nejdůležitější jsou ActionScript, filmy a zvuk. Wallaby je omezený nástroj primárně určený k převodu animovaného grafického obsahu do HTML5, takže jej lze integrovat do webových stránek pomocí nástroje pro návrh webové stránky.

Google Labs vydala bezplatný webový nástroj Swiffy, který převádí zkompilovaný soubor aplikace Flash (.swf) na HTML5. Výstup může být poté vložen do webové stránky, ale není pro vývojáře snadné upravovat. Stejně jako Wallaby, Swiffy nepřevádí všechny funkce Flash. Program Swiffy podporuje převod jazyka ActionScript, ale pouze verzi 2.0 (jazyk ActionScript je aktuálně ve verzi 3.0). Výstup Swiffy běží pouze v prohlížečích, které podporují škálovatelnou vektorovou grafiku (SVG).

Edge, nový vývojový nástroj pro HTML5

Jak se HTML5 stává platformou volby, objevují se nové nástroje, které poskytují návrhová a vývojová prostředí, která integrují HTML5, CSS3 a JavaScript.

V srpnu 2011 společnost Adobe vydala náhledovou verzi vývojového nástroje Edge. Edge umožňuje návrháři vytvářet animace HTML5 a přidávat animace do existujících projektů HTML5. Návrháři Flash rozpoznají některé známé prvky v uživatelském rozhraní Edge, včetně fáze, okna vlastností a časové linie animace. Edge však generuje soubory CSS a JavaScript a jeho animační obsah je uložen v datové struktuře Java Object Notation (JSON).

V době tohoto psaní Edge předpokládal vydání čtvrtého náhledu. Do každé verze jsou přidány nové funkce.

Převod YouTube na HTML5

Jednou známkou přechodu na HTML5 je, že YouTube nyní nabízí možnost pro prohlížení videí používat přehrávač videa HTML5.

Před nabídkou možnosti HTML5 byla všechna videa na YouTube doručena prostřednictvím přehrávače videa Flash. Uživatelé mohli nahrávat video soubory téměř v jakémkoli formátu a YouTube by pak každé video převedl do požadovaného formátu Flash (.flv).

YouTube nyní také kóduje videa pomocí video kodeku H.264 a formátu WebM pro doručování HTML5. Chcete-li zobrazit videa ve formátu HTML5, musíte mít prohlížeč, který podporuje značku videa HTML5 a formát videa používaný na YouTube.

The Legacy of Flash

Jak již bylo uvedeno, Adobe pokračuje ve vývoji verze pro PC Flash Player pro PC - prozatím. I když Adobe v budoucnu Flash Player nepodporuje, budou starší aplikace Flash na webu nadále podporovány - pravděpodobně po celá léta. Flash tedy brzy neodejde úplně. K dispozici jsou nástroje pro převod aplikací Flash na aplikace HTML5, ale v současné době tyto nástroje nepodporují převod všech funkcí Flash. Jakmile se standard HTML5 stane dominantním, je pravděpodobné, že nástroje pro převod souborů Flash budou sofistikovanější a budou vytvořeny nové nástroje pro vývoj obsahu pomocí platformy HTML5.