Prechod z blesku na html5

V novembri 2011 spoločnosť Adobe oznámila, že zastaví vývoj svojho prehrávača Flash Player pre mobilné zariadenia po vydaní prehrávača Flash Player 11.1 pre zariadenia Android a BlackBerry Playbook a namiesto toho sa rozhodne sústrediť na nástroje na vytváranie aplikácií HTML5 pre mobilné zariadenia. Aj keď spoločnosť Adobe zopakovala svoju podporu prehrávača Flash Player pre prehliadače osobných počítačov, mnohí si myslia, že je len otázkou času, kým spoločnosť Adobe ukončí podporu verzie PC. Toto je zlá správa pre spoločnosti, ktoré intenzívne investujú do aplikácií Flash, ako aj pre vývojárov, ktorí investovali čas do získania programovacích zručností potrebných na vytváranie aplikácií Flash.

Pozrime sa na niektoré z rozdielov medzi formátmi Flash a HTML5 a poskytneme vám niekoľko tipov a nástrojov, ktoré uľahčia prechod medzi týmito dvoma platformami.

Základy platformy Flash

Flash sa často používa ako zastrešujúci výraz na označenie proprietárnej platformy Adobe, ktorá v skutočnosti pozostáva z nasledujúcich komponentov:

• Flash: Nástroj používaný predovšetkým na navrhovanie a vytváranie animácií
• Flex: Vývojové prostredie používané na vytváranie aplikácií vrátane súpravy na vývoj softvéru (SDK)
• MXML: Značkovací jazyk používaný v projektoch Flash
• ActionScript: Skriptovací jazyk

Ak chcete spustiť aplikáciu Flash vo webovom prehľadávači, musíte si stiahnuť doplnok Flash Player. Alternatívne je možné zostaviť aplikáciu Flash na spustenie v prostredí runtime v prostredí Adobe AIR. Na spustenie aplikácie AIR musí byť na počítači používateľa znova nainštalovaný program Adobe AIR.

Flash používa nasledujúce hlavné formáty súborov:

• .fla: Súbor projektu Flash
• .flv: Video súbor Flash
• .swf: Zkompilovaný súbor aplikácie Flash / Flex, ktorý môže obsahovať súbory .flv

Základy platformy HTML5

HTML5 je otvorená štandardná platforma pozostávajúca z:

• HTML5: Značkovací jazyk používaný na vytváranie webových stránok
• Cascading Style Sheets 3 (CSS3): Jazyk hárkov štýlov používaný na špecifikovanie formátovania objektov na webovej stránke HTML5.
• Rozhrania API (Application Programming Interfaces): API na podporu funkcií, ako je napr. Drag-and-drop a zasielanie správ medzi dokumentmi
• JavaScript: Skriptovací jazyk používaný s HTML5 na povolenie animácie

Jednou z výhod HTML5 je to, že beží na webových prehľadávačoch natívne a nevyžaduje doplnok. Pre správne fungovanie však musí prehliadač podporovať funkcie HTML5 a CSS3 pre webovú stránku HTML5. Hlavné prehliadače majú rôzne úrovne podpory pre HTML5 a CSS3 a implementácia nie je dokončená. JavaScript je takmer univerzálne podporovaný prehliadačmi; Používatelia však majú možnosť „vypnúť“ JavaScript. V takom prípade sa skripty na strane klienta vytvorené pomocou JavaScriptu nespustia.

Formáty súborov HTML5 zahŕňajú nasledujúce:

• .htm / .html: Súbor webovej stránky HTML5
• .css: Súbor so štýlmi CSS3

Od roku 2011 súčasná špecifikácia HTML5 nešpecifikuje podporované formáty video súborov a ponecháva to na jednotlivých prehľadávačoch, aby si vybrali, ktoré formáty budú podporovať. Aktuálne podporované formáty zahŕňajú nasledujúce:

• .mp4: Video súbor MPEG 4 s video kodekom H.264 a audio kodek AAC
• .webm: Video súbor WebM s video kodekom VP8 a audio kodekom Vorbis
• .ogg: Ogg video súbor s video kodekom Theora a audio kodekom Vorbis

Konverzia projektov Flash na HTML5

Manuálna konverzia komplexného projektu Flash na HTML5 je vzhľadom na rozdiely v platforme náročný a časovo náročný proces. Vývojár musí prevádzať animácie vytvorené pomocou programov Flash a ActionScript na HTML5 a JavaScript. Našťastie existuje niekoľko nástrojov, ktoré pomáhajú automatizovať prevod z Flash na HTML5.

Spoločnosť Adobe vydala experimentálny nástroj Wallaby, ktorý si môžete zadarmo stiahnuť z webovej stránky Adobe Labs. Wallaby berie súbor projektu Flash (.fla) ako vstup a export HTML5 a podporuje súbory CSS a JavaScript. Poznámky k vydaniu Wallaby však obsahujú pomerne dlhý zoznam funkcií, ktoré nie sú prevedené. Najdôležitejšie z nich sú ActionScript, filmy a zvuk. Wallaby je obmedzený nástroj určený predovšetkým na konverziu animovaného grafického obsahu do jazyka HTML5, aby sa mohol integrovať do webových stránok pomocou nástroja na tvorbu webových stránok.

Google Labs vydala bezplatný webový nástroj Swiffy, ktorý prevádza kompilovaný súbor aplikácie Flash (.swf) na HTML5. Výstup môže byť potom vložený do webovej stránky, ale pre vývojára nie je ľahké upravovať ho. Rovnako ako Wallaby, Swiffy neprevedie všetky funkcie Flash. Program Swiffy podporuje konverziu jazyka ActionScript, ale iba verziu 2.0 (jazyk ActionScript je momentálne vo verzii 3.0). Výstup Swiffy beží iba v prehliadačoch, ktoré podporujú škálovateľnú vektorovú grafiku (SVG).

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

Keď sa HTML5 stáva platformou voľby, objavujú sa nové nástroje, ktoré poskytujú prostredia pre návrh a vývoj, ktoré integrujú HTML5, CSS3 a JavaScript.

V auguste 2011 spoločnosť Adobe vydala ukážkovú verziu vývojového nástroja Edge. Edge umožňuje návrhárovi vytvárať animácie HTML5 a pridávať animácie k existujúcim projektom HTML5. Návrhári Flash rozpoznajú niektoré známe prvky v používateľskom rozhraní Edge, vrátane fázy, okna vlastností a časového úseku animácie. Edge však generuje súbory CSS a JavaScript a jeho animačný obsah je uložený v dátovej štruktúre Java Object Notation (JSON).

V čase písania tohto textu Edge predpokladal vydanie svojho štvrtého ukážky. Do každého vydania sa pridávajú nové funkcie.

Konverzia služby YouTube na HTML5

Jedným z náznakov prechodu na HTML5 je to, že YouTube teraz ponúka možnosť používať na prezeranie videí prehrávač videa HTML5.

Pred ponúknutím možnosti HTML5 boli všetky videá YouTube doručené prostredníctvom prehrávača videa Flash. Používatelia mohli odovzdávať video súbory takmer v akomkoľvek formáte a služba YouTube potom každé video konvertovala do požadovaného formátu Flash (.flv).

YouTube teraz tiež kóduje videá pomocou video kodeku H.264 a formátu WebM na doručovanie HTML5. Na prezeranie videí vo formáte HTML5 musíte mať prehliadač, ktorý podporuje značku videa HTML5 a formát videa používaný službou YouTube.

Dedičstvo Flash

Ako už bolo uvedené, spoločnosť Adobe pokračuje vo vývoji verzie PC pre Flash Player. Aj keď Adobe v budúcnosti prestane podporovať Flash Player, staršie Flash aplikácie budú na webe naďalej podporované - pravdepodobne roky. Flash teda tak rýchlo nezmizne. Nástroje sú k dispozícii na konverziu aplikácií Flash na aplikácie HTML5, ale momentálne tieto nástroje nepodporujú konverziu všetkých funkcií programu Flash. Keď sa štandard HTML5 stane dominantným, je pravdepodobné, že nástroje na konverziu súborov Flash sa stanú sofistikovanejšími a nové nástroje sa vytvoria na vývoj obsahu pomocou platformy HTML5.