Perėjimas iš blykstės į html5

2011 m. Lapkritį „Adobe“ paskelbė, kad nutrauks savo „Flash Player“ mobiliesiems įrenginiams plėtrą po „Flash Player 11.1“, skirto „Android“ įrenginiams, ir „BlackBerry Playbook“ išleidimo, pasirinkdama sutelkti dėmesį į HTML5 programų mobiliesiems įrenginiams kūrimo įrankius. Nors „Adobe“ pakartojo, kad palaiko „Flash Player“ asmeninių kompiuterių naršyklėms, daugelis mano, kad yra tik laiko klausimas, kol „Adobe“ nutraukia ir kompiuterio versijos palaikymą. Tai yra bloga žinia įmonėms, kurios daug investuoja į „Flash“ programas, taip pat kūrėjams, kurie investavo laiką įgyti programavimo įgūdžių, reikalingų „Flash“ programų kūrimui.

Pažvelkime į kai kuriuos skirtumus tarp „Flash“ ir HTML5 ir pateiksime keletą patarimų ir įrankių, kurie palengvins perėjimą tarp šių dviejų platformų.

„Flash“ platformos pagrindai

„Flash“ dažnai naudojama kaip bendras terminas, nurodant patentuotą „Adobe“ platformą, kurią iš tikrųjų sudaro šie komponentai:

• „Flash“: įrankis, visų pirma naudojamas kuriant ir kuriant animaciją
• „Flex“: kūrimo aplinka, naudojama kurti programas, įskaitant programinės įrangos kūrimo rinkinį (SDK)
• MXML: žymėjimo kalba, naudojama „Flash“ projektuose
• „ActionScript“: scenarijų kalba

Norint paleisti „Flash“ programą žiniatinklio naršyklėje, reikia atsisiųsti „Flash Player“ papildinį. Kaip alternatyva, gali būti sukompiliuota „Flash“ programa, kad ji veiktų „Adobe AIR“ darbalaukio vykdymo aplinkoje. Vėlgi, norint paleisti AIR programą, vartotojo kompiuteryje turi būti įdiegta „Adobe AIR“.

„Flash“ naudoja šiuos pagrindinius failų formatus:

• .fla: „Flash“ projekto failas
• .flv: „Flash“ vaizdo failas
• .swf: Sudarytas „Flash / Flex“ programos failas, kuriame gali būti .flv failų

HTML5 platformos pagrindai

HTML5 yra atvira standartinė platforma, kurią sudaro:

• HTML5: žymėjimo kalba, naudojama tinklalapiams kurti
• 3 pakopiniai stiliaus lapai (CSS3): stiliaus lapo kalba naudojama HTML5 tinklalapyje esančių objektų formatavimui nurodyti.
• Taikomosios programavimo sąsajos (API): API, palaikančios tokias funkcijas kaip vilkimas ir perkėlimas bei kryžminis dokumentas
• „JavaScript“: scenarijų kalba, naudojama HTML5, kad būtų galima įjungti animaciją

Vienas iš HTML5 pranašumų yra tas, kad jis veikia žiniatinklio naršyklėse savaime ir nereikalauja papildinio. Tačiau, kad naršyklė veiktų tinkamai, ji turi palaikyti HTML5 ir CSS3 HTML5 tinklalapio funkcijas. Pagrindinėse naršyklėse yra skirtingas HTML5 ir CSS3 palaikymo lygis, o diegimas nėra baigtas. „JavaScript“ beveik visuotinai palaiko naršyklės; tačiau vartotojai turi galimybę „išjungti“ „JavaScript“, tokiu atveju su „JavaScript“ sukurti kliento scenarijai neveikia.

HTML5 failų formatai yra šie:

• .htm / .html: HTML5 tinklalapio failas
• .css: CSS3 stiliaus lapo failas

Nuo 2011 m. Dabartinėje HTML5 specifikacijoje nenurodyti palaikomi vaizdo įrašų failų formatai, paliekant atskirų naršyklių pasirinkimą, kuriuos formatus palaikyti. Dabartiniai palaikomi formatai yra šie:

• .mp4: MPEG 4 vaizdo failas su H.264 vaizdo kodeku ir AAC garso kodeku
• .webm: „WebM“ vaizdo failas su VP8 vaizdo kodeku ir „Vorbis“ garso kodeku
• .ogg: „Ogg“ vaizdo failas su „Theora“ vaizdo kodeku ir „Vorbis“ garso kodeku

„Flash“ projektų konvertavimas į HTML5

Neapsaugotas „Flash“ projekto pakeitimas rankiniu būdu į HTML5 yra daug darbo reikalaujantis ir daug laiko reikalaujantis procesas dėl platformos skirtumų. Kūrėjas turi konvertuoti animacijas, sukurtas naudojant „Flash“ ir „ActionScript“, į HTML5 ir „JavaScript“. Laimei, yra keletas įrankių, kurie padeda automatizuoti „Flash“ į HTML5 konvertavimą.

„Adobe“ išleido „Wallaby“ - eksperimentinį įrankį, kurį galima nemokamai atsisiųsti iš „Adobe Labs“ svetainės. „Wallaby“ naudoja „Flash“ projekto failą (.fla) kaip įvestį ir eksportuoja HTML5 bei palaikančius CSS ir „JavaScript“ failus. Tačiau „Wallaby“ leidimo pastabose yra gana ilgas sąrašas funkcijų, kurios nėra konvertuojamos - iš kurių svarbiausi yra „ActionScript“, filmai ir garsas. „Wallaby“ yra ribotas įrankis, pirmiausia skirtas animaciniam grafiniam turiniui paversti HTML5, kad jį būtų galima integruoti į tinklalapius naudojant tinklalapių projektavimo įrankį.

„Google Labs“ išleido „Swiffy“ - nemokamą žiniatinklio įrankį, kuris konvertuoja sudarytą „Flash“ programos failą (.swf) į HTML5. Tuomet išvestį galima įterpti į tinklalapį, tačiau kūrėjui nėra lengva ją redaguoti. Kaip ir „Wallaby“, „Swiffy“ nekonvertuoja visų „Flash“ funkcijų. „Swiffy“ palaiko „ActionScript“ konvertavimą, tačiau tik 2.0 versiją („ActionScript“ šiuo metu yra 3.0 versija). „Swiffy“ išėjimas veikia tik naršyklėse, palaikančiose „Scalable Vector Graphics“ (SVG).

„Edge“, naujas HTML5 plėtros įrankis

HTML5 tapus pasirinkta platforma, atsiranda naujų įrankių, skirtų kurti projektavimo ir kūrimo aplinkas, kuriose integruotos HTML5, CSS3 ir „JavaScript“.

2011 m. Rugpjūčio mėn. „Adobe“ išleido „Edge“ kūrimo įrankio peržiūros versiją. „Edge“ suteikia dizaineriui galimybę sukurti HTML5 animaciją ir pridėti animaciją prie esamų HTML5 projektų. „Flash“ dizaineriai atpažins kai kuriuos pažįstamus „Edge“ vartotojo sąsajos elementus, įskaitant etapą, ypatybių langą ir animacijos laiko juostą. Tačiau „Edge“ sukuria CSS ir „JavaScript“ failus, o jo animacijos turinys saugomas „JavaScript Object Notation“ (JSON) duomenų struktūroje.

Šio rašymo metu Edge numatė savo ketvirtąją peržiūros versiją. Kiekvienoje laidoje pridedamos naujos funkcijos.

„YouTube“ pavertimas HTML5

Vienas perėjimo prie HTML5 ženklų yra tas, kad „YouTube“ dabar siūlo parinktį vaizdo įrašams žiūrėti naudoti HTML5 vaizdo įrašų grotuvą.

Prieš siūlant HTML5 parinktį, visi „YouTube“ vaizdo įrašai buvo pristatyti naudojant „Flash“ vaizdo grotuvą. Vartotojai galėjo įkelti vaizdo failus beveik bet kokiu formatu, o „YouTube“ tada konvertuotų kiekvieną vaizdo įrašą į reikiamą „Flash“ (.flv) formatą.

Dabar „YouTube“ taip pat koduoja vaizdo įrašus naudodama „H.264“ vaizdo įrašų kodeką ir „WebM“ formatą HTML5 pristatymui. Jei norite žiūrėti vaizdo įrašus HTML5 formatu, turite turėti naršyklę, palaikančią HTML5 vaizdo įrašo žymą, ir „YouTube“ naudojamą vaizdo įrašo formatą.

„Flash“ palikimas

Kaip minėta anksčiau, „Adobe“ iki šiol tęsia kompiuterinės „Flash Player“ versijos plėtrą. Net jei „Adobe“ ateityje nustos palaikyti „Flash Player“, senosios „Flash“ programos bus palaikomos žiniatinklyje - greičiausiai metų metus. Taigi, „Flash“ visiškai nesibaigs bet kuriuo metu. Yra įrankių, skirtų „Flash“ programoms konvertuoti į HTML5 programas, tačiau šiuo metu šie įrankiai nepalaiko visų „Flash“ funkcijų konvertavimo. Kai HTML5 standartas tampa dominuojančiu, tikėtina, kad „Flash“ failų konvertavimo įrankiai taps sudėtingesni, o kuriant turinį su HTML5 platforma, bus sukurti nauji įrankiai.