Trecerea de la flash la html5

În noiembrie 2011, Adobe a anunțat că va întrerupe dezvoltarea Flash Player-ului său pentru dispozitive mobile după lansarea Flash Player 11.1 pentru dispozitivele Android și BlackBerry Playbook, optând în schimb să se concentreze pe instrumentele pentru construirea aplicațiilor HTML5 pentru dispozitive mobile. Chiar dacă Adobe și-a reiterat suportul Flash Player pentru browserele personale de calculator, mulți cred că este doar o problemă de timp înainte ca Adobe să încheie și suportul pentru versiunea pentru PC. Aceasta este o veste proastă pentru companiile care investesc puternic în aplicații Flash, precum și pentru dezvoltatorii care au investit timp în dobândirea abilităților de programare necesare pentru a construi aplicații Flash.

Să analizăm unele dintre diferențele dintre Flash și HTML5 și să oferim câteva sfaturi și instrumente care să faciliteze tranziția dintre aceste două platforme.

Bazele platformei Flash

Flash este adesea folosit ca termen umbrelă pentru a face referire la o platformă Adobe proprietară care constă de fapt din următoarele componente:

• Flash: instrument folosit în principal pentru proiectarea și crearea de animații
• Flex: Mediul de dezvoltare utilizat pentru a construi aplicații, inclusiv un kit de dezvoltare software (SDK)
• MXML: limbaj de marcare utilizat în proiecte Flash
• ActionScript: Un limbaj de script

Pentru a rula o aplicație Flash într-un browser Web, trebuie descărcat pluginul Flash Player. Ca alternativă, o aplicație Flash poate fi compilată pentru a rula în mediul de rulare desktop Adobe AIR. Din nou, Adobe AIR trebuie instalat pe computerul utilizatorului pentru a putea rula o aplicație AIR.

Flash folosește următoarele formate de fișiere principale:

• .fla: fișier proiect Flash
• .flv: fișier video flash
• .swf: fișier de aplicație Flash / Flex compilat care poate conține fișiere .flv

Bazele platformei HTML5

HTML5 este o platformă standard deschisă care constă din următoarele:

• HTML5: limbaj de marcare utilizat pentru a crea pagini Web
• Fișele de stil în cascadă 3 (CSS3): limbajul foii de stil utilizat pentru a specifica formatarea pentru obiecte pe o pagină Web HTML5
• Interfețe de programare a aplicațiilor (API): API-uri care acceptă caracteristici, cum ar fi mesaje drag-and-drop și cross-document
• JavaScript: limbaj de script folosit cu HTML5 pentru a activa animația

Unul dintre avantajele HTML5 este că rulează pe browsere Web în mod nativ și nu necesită un plug-in. Cu toate acestea, pentru a rula corect, un browser trebuie să suporte funcțiile HTML5 și CSS3 pentru o pagină Web HTML5. Cele mai mari browsere au diferite niveluri de suport pentru HTML5 și CSS3, iar implementarea nu este completă. JavaScript este acceptat aproape universal de browsere; cu toate acestea, utilizatorii au opțiunea de a „opri” JavaScript, caz în care scripturile din partea clientului create cu JavaScript nu se execută.

Formatele de fișiere HTML5 includ următoarele:

• .htm / .html: fișier pagina HTML5
• .css: fișier de stil CSS3

Începând cu 2011, specificația HTML5 curentă nu specifică formatele de fișiere video acceptate, lăsând-o în funcție de browserele individuale să aleagă ce formate suportă. Formatele actuale acceptate includ următoarele:

• .mp4: fișier video MPEG 4 cu codec video H.264 și codec audio AAC
• .webm: fișier video WebM cu codec video VP8 și codec audio Vorbis
• .ogg: Fișier video Ogg cu codec video Theora și codec audio Vorbis

Conversia proiectelor Flash în HTML5

Conversia manuală a unui proiect Flash complex în HTML5 este un proces care consumă mult timp și necesită timp, datorită diferențelor de platformă. Dezvoltatorul trebuie să transforme animațiile create cu Flash și ActionScript în HTML5 și JavaScript. Din fericire, există câteva instrumente care ajută la automatizarea conversiei de la Flash la HTML5.

Adobe a lansat Wallaby, un instrument experimental care poate fi descărcat gratuit de pe site-ul Adobe Labs. Wallaby ia un fișier de proiect Flash (.fla) ca intrare și exportă HTML5 și suportă fișiere CSS și JavaScript. Cu toate acestea, notele de lansare Wallaby conțin o listă destul de lungă de funcții care nu sunt convertite - dintre care cele mai importante sunt ActionScript, filme și sunet. Wallaby este un instrument limitat conceput în principal pentru a converti conținut grafic animat în HTML5, astfel încât să poată fi integrat în pagini Web folosind un instrument de proiectare a paginilor Web.

Google Labs a lansat Swiffy, un instrument gratuit bazat pe web care transformă un fișier de aplicație Flash compilat (.swf) în HTML5. Ieșirea poate fi apoi încorporată într-o pagină Web, dar nu este ușor de editat un dezvoltator. Ca și Wallaby, Swiffy nu convertește toate funcțiile Flash. Swiffy acceptă conversia ActionScript, dar numai versiunea 2.0 (ActionScript este în prezent la versiunea 3.0). Ieșirea Swiffy rulează numai pe browsere care acceptă grafică vectorială scalabilă (SVG).

Edge, un nou instrument de dezvoltare pentru HTML5

Pe măsură ce HTML5 devine platforma la alegere, noi instrumente apar pentru a oferi medii de proiectare și dezvoltare care să integreze HTML5, CSS3 și JavaScript.

În august 2011, Adobe a lansat o versiune de previzualizare a instrumentului de dezvoltare Edge. Edge permite unui designer să creeze animații HTML5 și să adauge animații la proiectele HTML5 existente. Designerii flash vor recunoaște câteva elemente cunoscute în interfața de utilizator Edge, inclusiv scena, fereastra de proprietăți și linia de timp a animației. Edge generează însă fișiere CSS și JavaScript, iar conținutul său de animație este stocat într-o structură de date JavaScript Object Notation (JSON).

La momentul acestei scrieri, Edge a anticipat a patra versiune de previzualizare. La fiecare versiune se adaugă noi funcții.

Conversia YouTube în HTML5

Un semn al mutării către HTML5 este că YouTube oferă acum opțiunea de a utiliza un player video HTML5 pentru a vizualiza videoclipuri.

Înainte de a oferi opțiunea HTML5, toate videoclipurile YouTube au fost transmise prin intermediul unui player video Flash. Utilizatorii ar putea încărca fișiere video în aproape orice format, iar YouTube ar converti apoi fiecare videoclip în formatul Flash (.flv) necesar.

YouTube codează acum și videoclipuri cu codecul video H.264 și formatul WebM pentru livrarea HTML5. Pentru a vizualiza videoclipuri în format HTML5, trebuie să aveți un browser care acceptă eticheta video HTML5 și un format video utilizat de YouTube.

Moștenirea flash-ului

După cum sa menționat anterior, Adobe continuă dezvoltarea pe versiunea pentru PC a Flash Player - deocamdată. Chiar dacă Adobe va înceta să accepte Flash Player în viitor, aplicațiile Flash vechi vor fi acceptate în continuare, probabil pe ani. Deci, Flash nu va dispărea complet în curând. Instrumentele sunt disponibile pentru a converti aplicațiile Flash în aplicații HTML5, dar în prezent, aceste instrumente nu acceptă conversia tuturor funcțiilor Flash. Pe măsură ce standardul HTML5 devine dominant, este posibil ca instrumentele de conversie a fișierelor Flash să devină mai sofisticate și să fie create instrumente noi pentru a dezvolta conținut cu platforma HTML5.