![HTML5 CSS3 2022 | section | Вынос Мозга 06](https://i.ytimg.com/vi/unMx1U0ZS4U/hqdefault.jpg)
Sisu
- Flash-platvormi põhitõed
- HTML5 platvormi põhitõed
- Flash-projektide teisendamine HTML5-ks
- Edge, uus HTML5 arendustööriist
- YouTube'i teisendamine HTML5-ks
- Välgu pärand
Ära võtma:
Flash ei kao peagi, kuid paljud eksperdid usuvad, et see asendatakse lõpuks HTML5-ga. Uurige, mida see üleminek tähendab ettevõtetele ja arendajatele, kes on Flashisse palju investeerinud.
2011. aasta novembris teatas Adobe, et lõpetab oma Flash Playeri arendamise mobiilseadmete jaoks pärast Flash Player 11.1 väljaandmist Android-seadmetele ja BlackBerry playbooki, valides selle asemel keskendumise mobiilseadmete HTML5-rakenduste loomise tööriistadele. Ehkki Adobe kordas oma toetust personaalarvuti brauseritele mõeldud Flash Playerile, arvavad paljud, et Adobe on ka PC-versiooni toetamise lõpetamine vaid aja küsimus. See on halb uudis ettevõtetele, kes on palju investeeritud Flash-rakendustesse, samuti arendajatele, kes on investeerinud aega Flash-rakenduste ehitamiseks vajalike programmeerimisoskuste omandamisse.Vaatame mõningaid erinevusi Flashi ja HTML5 vahel ning pakume näpunäiteid ja tööriistu, mis hõlbustavad üleminekut nende kahe platvormi vahel.
Flash-platvormi põhitõed
Flashi kasutatakse sageli katusterminina, et osutada patenteeritud Adobe platvormile, mis koosneb tegelikult järgmistest komponentidest:- Flash: tööriist, mida kasutatakse peamiselt animatsioonide kujundamiseks ja loomiseks
- Flex: rakenduste loomiseks kasutatav arenduskeskkond, sealhulgas tarkvaraarenduskomplekt (SDK)
- MXML: Flash-projektides kasutatav märgistuskeel
- ActionScript: skriptikeel
Flash kasutab järgmisi peamisi failivorminguid:
- .fla: Flash-projekti fail
- .flv: Flash-videofail
- .swf: Koostatud Flash / Flexi rakendusefail, mis võib sisaldada .flv-faile
HTML5 platvormi põhitõed
HTML5 on avatud standardplatvorm, mis koosneb järgmistest osadest:- HTML5: veebilehtede loomiseks kasutatav märgistuskeel
- Kaskaadlaadilehed 3 (CSS3): stiililehe keel, mida kasutatakse HTML5 veebisaidil olevate objektide vormindamise täpsustamiseks
- Rakenduse programmeerimisliidesed (API): API-liidesed selliste funktsioonide toetamiseks nagu lohistamine ja dokumentidevaheline sõnumside
- JavaScript: animatsiooni lubamiseks HTML5-ga kasutatav skriptikeel
HTML5 failivormingud hõlmavad järgmist:
- .htm / .html: HTML5 veebilehe fail
- .css: CSS3 stiililehe fail
- .mp4: MPEG 4 videofail koos H.264 videokoodeki ja AAC helikoodekiga
- .webm: WebM-i videofail koos VP8 videokoodeki ja Vorbise helikoodekiga
- .ogg: Ogg-videofail koos Theora videokoodeki ja Vorbise helikoodekiga
Flash-projektide teisendamine HTML5-ks
Keerulise Flash-projekti käsitsi teisendamine HTML5-ks on platvormide erinevuste tõttu töömahukas ja aeganõudev protsess. Arendaja peab Flashi ja ActionScripti abil loodud animatsioonid teisendama HTML5 ja JavaScripti. Õnneks on mõned tööriistad, mis aitavad automatiseerida Flashilt HTML5-le teisendamise.Adobe on välja lasknud eksperimentaalse tööriista Wallaby, mille saab tasuta alla laadida Adobe Labsi veebisaidilt. Wallaby võtab sisendina Flash-projekti faili (.fla) ja ekspordib HTML5 ning toetavad CSS- ja JavaScripti-faile. Wallaby väljalasemärkmed sisaldavad aga üsna pikka loetelu funktsioone, mida ei teisendata - neist olulisemad on ActionScript, filmid ja heli. Wallaby on piiratud tööriist, mis on mõeldud peamiselt animeeritud graafilise sisu teisendamiseks HTML5-vormingusse, nii et selle saab veebilehtede kujundamise tööriista abil integreerida veebilehtedele.
Google Labs on välja andnud tasuta veebipõhise tööriista Swiffy, mis teisendab kompileeritud Flash-rakenduse faili (.swf) HTML5-ks. Seejärel saab väljundi manustada veebilehele, kuid arendajal pole seda kerge redigeerida. Nagu Wallaby, ei teisenda Swiffy kõiki Flashi funktsioone. Swiffy toetab ActionScripti muundamist, kuid ainult versiooni 2.0 (ActionScripti versioon on praegu 3.0). Swiffy väljund töötab ainult brauserites, mis toetavad skaleeritavat vektorgraafikat (SVG).
Edge, uus HTML5 arendustööriist
Kuna HTML5-st saab valitud platvorm, ilmuvad uued tööriistad, mis pakuvad HTML5, CSS3 ja JavaScripti integreerivaid disaini- ja arenduskeskkondi.2011. aasta augustis andis Adobe välja Edge'i arendamise tööriista eelvaateversiooni. Edge võimaldab kujundajal luua HTML5 animatsioone ja lisada olemasolevatele HTML5 projektidele animatsioone. Flashi disainerid tunnevad ära Edge'i kasutajaliidese mõned tuttavad elemendid, sealhulgas etapi, atribuutide akna ja animatsiooni ajarea. Edge aga genereerib CSS- ja JavaScripti-failid ning selle animatsiooni sisu talletatakse JavaScripti objektide märkimise (JSON) andmestruktuuris.
Selle kirjutamise ajal nägi Edge ette oma neljanda eelvaate väljalaske. Igale versioonile on lisatud uusi funktsioone.
YouTube'i teisendamine HTML5-ks
Üks märk HTML5-le siirdumisest on see, et YouTube pakub nüüd võimalust kasutada videote vaatamiseks HTML5-videopleierit.Enne HTML5-valiku pakkumist edastati kõik YouTube'i videod Flash-videopleieri kaudu. Kasutajad saidid üles laadida videofaile peaaegu igas vormingus ja YouTube teisendaks seejärel iga video vajalikuks Flash (.flv) vorminguks.
YouTube kodeerib nüüd videoid ka H.264 videokoodeki ja WebM-vormingus HTML5 edastamiseks. HTML5-vormingus videote vaatamiseks peab teil olema brauser, mis toetab HTML5-videomärgendit ja YouTube'i kasutatavat videovormingut.