Pāreja no Flash uz HTML5

Autors: Robert Simon
Radīšanas Datums: 22 Jūnijs 2021
Atjaunināšanas Datums: 24 Jūnijs 2024
Anonim
Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie
Video: Exploring JavaScript and the Web Audio API by Sam Green and Hugh Zabriskie

Saturs


Izņemšana:

Flash drīz vairs nedarbosies, taču daudzi eksperti uzskata, ka tas beidzot tiks aizstāts ar HTML5. Uzziniet, ko šī pāreja nozīmēs uzņēmumiem un izstrādātājiem, kuri ir ļoti ieguldīti Flash.

2011. gada novembrī Adobe paziņoja, ka pārtrauks sava Flash Player izstrādi mobilajām ierīcēm pēc Flash Player 11.1 izlaišanas Android ierīcēm un BlackBerry Playbook, tā vietā izvēloties koncentrēties uz rīkiem HTML5 lietojumprogrammu veidošanai mobilajām ierīcēm. Lai arī Adobe atkārtoti uzsvēra Flash Player atbalstu personālo datoru pārlūkprogrammām, daudzi domā, ka tas ir tikai laika jautājums, pirms Adobe pārtrauc arī datora versijas atbalstu. Šīs ir sliktas ziņas uzņēmumiem, kuri ir ļoti ieguldīti Flash lietojumprogrammās, kā arī izstrādātājiem, kuri ir ieguldījuši laiku programmēšanas iemaņu apgūšanā, kas vajadzīgas Flash lietojumprogrammu izveidošanai.

Apskatīsim dažas atšķirības starp Flash un HTML5 un sniegsim dažus padomus un rīkus, kas palīdzēs atvieglot pāreju no šīm divām platformām.

Flash platformas pamati

Flash bieži tiek izmantots kā jumta termins, atsaucoties uz patentētu Adobe platformu, kas faktiski sastāv no šādiem komponentiem:
  • Flash: rīks, ko galvenokārt izmanto animāciju projektēšanai un veidošanai
  • Flex: izstrādes vide, ko izmanto lietojumprogrammu izveidošanai, ieskaitot programmatūras izstrādes komplektu (SDK)
  • MXML: iezīmēšanas valoda, ko izmanto Flash projektos
  • ActionScript: skriptu valoda
Lai Web pārlūkā palaistu Flash lietojumprogrammu, ir jāielādē Flash Player spraudnis. Kā alternatīvu var apkopot Flash lietojumprogrammu, lai tā darbotos Adobe AIR darbvirsmas izpildlaika vidē. Atkal lietotāju datorā jāinstalē Adobe AIR, lai darbotos AIR lietojumprogramma.

Flash izmanto šādus galvenos failu formātus:
  • .fla: Flash projekta fails
  • .flv: Flash video fails
  • .swf: apkopots Flash / Flex lietojumprogrammas fails, kas var saturēt .flv failus

HTML5 platformas pamati

HTML5 ir atvērta standarta platforma, kas sastāv no:
  • HTML5: iezīmēšanas valoda, ko izmanto Web lapu izveidošanai
  • 3 kaskādes stila lapas (CSS3): stila lapu valoda, ko izmanto, lai HTML5 Web lapā norādītu objektu formatējumu
  • Lietojumprogrammu programmēšanas saskarnes (API): API, lai atbalstītu tādas funkcijas kā vilkšana un nomešana un dokumentu pārraidīšana
  • JavaScript: skriptu valoda, ko lieto HTML5, lai iespējotu animāciju
Viena no HTML5 priekšrocībām ir tā, ka tā Web pārlūkprogrammās darbojas sākotnēji un tai nav nepieciešams spraudnis. Tomēr, lai pārlūks darbotos pareizi, HTML5 Web lapai ir jāatbalsta HTML5 un CSS3 funkcijas. Lielākajām pārlūkprogrammām ir dažādi HTML5 un CSS3 atbalsta līmeņi, un ieviešana nav pabeigta. Pārlūkprogrammas gandrīz visumā atbalsta JavaScript; tomēr lietotājiem ir iespēja “izslēgt” JavaScript, tādā gadījumā ar JavaScript izveidoti klienta puses skripti nedarbojas.

HTML5 failu formātos ietilpst:
  • .htm / .html: HTML5 Web lapas fails
  • .css: CSS3 stila lapas fails
Sākot ar 2011. gadu pašreizējā HTML5 specifikācijā nav norādīti atbalstītie video failu formāti, atstājot atsevišķu pārlūkprogrammu izvēli, kurus formātus atbalstīt. Pašreizējie atbalstītie formāti ir šādi:
  • .mp4: MPEG 4 video fails ar H.264 video kodeku un AAC audio kodeku
  • .webm: WebM video fails ar VP8 video kodeku un Vorbis audio kodeku
  • .ogg: Ogg video fails ar Theora video kodeku un Vorbis audio kodeku

Flash projektu konvertēšana uz HTML5

Sarežģīta Flash projekta manuāla pārveidošana HTML5 formātā ir darbietilpīgs un laikietilpīgs process platformu atšķirību dēļ. Izstrādātājam ir jāpārvērš animācijas, kas izveidotas, izmantojot Flash un ActionScript, HTML5 un JavaScript. Par laimi, ir daži rīki, kas palīdz automatizēt pāreju no Flash uz HTML5.

Adobe ir izlaidis eksperimentālo rīku Wallaby, ko bez maksas var lejupielādēt no Adobe Labs vietnes. Wallaby ņem Flash projekta failu (.fla) kā ieeju un eksportē HTML5 un atbalsta CSS un JavaScript failus. Tomēr Wallaby izlaišanas piezīmēs ir diezgan garš to funkciju saraksts, kuras netiek pārveidotas - svarīgākās no tām ir ActionScript, filmas un skaņa. Wallaby ir ierobežots rīks, kas galvenokārt paredzēts animēta grafiskā satura konvertēšanai HTML5 formātā, lai to varētu integrēt Web lapās, izmantojot Web lapu dizaina rīku.

Google Labs ir izlaidis bezmaksas tīmekļa rīku Swiffy, kas konvertēto Flash lietojumprogrammas failu (.swf) pārveido HTML5. Pēc tam izvadi var iegult Web lapā, bet izstrādātājam to nav viegli rediģēt. Tāpat kā Wallaby, arī Swiffy nepārveido visas Flash funkcijas. Swiffy atbalsta ActionScript konvertēšanu, bet tikai versiju 2.0 (ActionScript pašlaik ir versija 3.0). Swiffy izvade darbojas tikai pārlūkprogrammās, kuras atbalsta mērogojamu vektoru grafiku (SVG).

Edge, jauns HTML5 izstrādes rīks

Tā kā HTML5 kļūst par izvēles platformu, parādās jauni rīki, lai nodrošinātu dizaina un izstrādes vidi, kas integrē HTML5, CSS3 un JavaScript.

2011. gada augustā Adobe izlaida Edge attīstības rīka priekšskatījuma versiju. Edge ļauj dizainerim izveidot HTML5 animācijas un pievienot animācijas esošajiem HTML5 projektiem. Flash dizaineri atpazīs dažus pazīstamus Edge lietotāja interfeisa elementus, ieskaitot skatuvi, rekvizītu logu un animācijas laika līniju. Edge tomēr ģenerē CSS un JavaScript failus, un tā animācijas saturs tiek saglabāts JavaScript Object Notation (JSON) datu struktūrā.

Šīs rakstīšanas laikā Edge paredzēja savu ceturto priekšskatījuma izlaidumu. Katrā laidienā tiek pievienotas jaunas iespējas.

YouTube konvertēšana HTML5 formātā

Viena no pārejas uz HTML5 pazīmēm ir tā, ka YouTube tagad piedāvā iespēju video skatīšanai izmantot HTML5 video atskaņotāju.

Pirms HTML5 opcijas piedāvāšanas visi YouTube videoklipi tika piegādāti, izmantojot Flash video atskaņotāju. Lietotāji varēja augšupielādēt video failus gandrīz jebkurā formātā, un YouTube pēc tam pārveidos katru videoklipu vajadzīgajā Flash (.flv) formātā.

Tagad YouTube arī kodē videoklipus ar H.264 video kodeku un WebM formātu HTML5 piegādei. Lai skatītu videoklipus HTML5 formātā, jums ir jābūt pārlūkprogrammai, kas atbalsta HTML5 video tagu, un YouTube izmantotajam video formātam.

Zibspuldzes mantojums

Kā jau iepriekš tika atzīmēts, Adobe pagaidām turpina attīstīt Flash Player personālo datoru versiju. Pat ja Adobe pārtrauks atbalstīt Flash Player nākotnē, mantotās Flash lietojumprogrammas joprojām tiks atbalstītas tīmeklī - iespējams, gadiem ilgi. Tātad Flash drīzumā pilnībā neizzūd. Ir pieejami rīki, lai Flash lietojumprogrammas pārveidotu par HTML5 lietojumprogrammām, taču pašlaik šie rīki neatbalsta visu Flash funkciju konvertēšanu. Tā kā HTML5 standarts kļūst dominējošs, iespējams, ka Flash failu konvertēšanas rīki kļūs sarežģītāki, un tiks izveidoti jauni rīki, lai izstrādātu saturu ar HTML5 platformu.