Skift fra flash til html5

I november 2011 annoncerede Adobe, at det ville afbryde udviklingen af ​​sin Flash Player til mobile enheder efter frigivelsen af ​​Flash Player 11.1 til Android-enheder og BlackBerry Playbook og i stedet vælge at koncentrere sig om værktøjer til opbygning af HTML5-applikationer til mobile enheder. Selvom Adobe gentog sin støtte til Flash Player til browsere på personlige computere, synes mange, det bare er et spørgsmål om tid, før Adobe også afslutter support til pc-versionen. Dette er dårlige nyheder for virksomheder, der er meget investeret i Flash-applikationer, såvel som udviklere, der har investeret tid i at tilegne sig de programmeringsfærdigheder, der kræves for at opbygge Flash-applikationer.

Lad os se på nogle af forskellene mellem Flash og HTML5 og give nogle tip og værktøjer, der hjælper med at lette overgangen mellem disse to platforme.

Grundlæggende om Flash Platform

Flash bruges ofte som et paraplybetegnelse til at henvise til en proprietær Adobe-platform, der faktisk består af følgende komponenter:

• Flash: Et værktøj, der primært bruges til at designe og oprette animationer
• Flex: Udviklingsmiljøet, der bruges til at bygge applikationer, herunder et softwareudviklingssæt (SDK)
• MXML: Markup-sprog, der bruges i Flash-projekter
• ActionScript: Et scriptingsprog

For at køre en Flash-applikation i en webbrowser skal Flash Player-plug-in'en downloades. Som et alternativ kan en Flash-applikation kompileres til at køre i Adobe AIR desktop runtime-miljø. Igen skal Adobe AIR være installeret på brugerens computer for at et AIR-program skal køre.

Flash bruger følgende hovedfilformater:

• .fla: Flash-projektfil
• .flv: Flash-videofil
• .swf: Kompileret Flash / Flex-applikationsfil, der kan indeholde .flv-filer

Grundlæggende om HTML5-platformen

HTML5 er en åben standardplatform, der består af følgende:

• HTML5: Markup-sprog, der bruges til at oprette websider
• Cascading Style Sheets 3 (CSS3): Stilarksprog, der bruges til at specificere formateringen for objekter på en HTML5-webside
• Applikationsprogrammeringsgrænseflader (API): API'er til understøttelse af funktioner som træk og slip og meddelelse på tværs af dokumenter
• JavaScript: Skriptsprog, der bruges med HTML5 for at aktivere animation

En af fordelene ved HTML5 er, at den kører på webbrowsere naturligt og ikke kræver et plug-in. For at køre korrekt skal en browser dog understøtte HTML5- og CSS3-funktioner til en HTML5-webside. De største browsere har forskellige niveauer af support til HTML5 og CSS3, og implementeringen er ikke fuldført. JavaScript understøttes næsten universelt af browsere; brugere har dog muligheden for at "slukke" JavaScript, i hvilket tilfælde script-klienter, der er oprettet med JavaScript, ikke kører.

HTML5-filformater inkluderer følgende:

• .htm / .html: HTML5-webside-fil
• .css: CSS3-stilarkfil

Fra 2011 angiver den aktuelle HTML5-specifikation ikke understøttede videofilformater, hvilket giver det op til de enkelte browsere at vælge, hvilke formater der skal understøttes. Nuværende understøttede formater inkluderer følgende:

• .mp4: MPEG 4-videofil med H.264-videokodek og AAC-lydkodek
• .webm: WebM-videofil med VP8-videokodek og Vorbis-lydkodek
• .ogg: Ogg-videofil med Theora-videokodek og Vorbis-lydkodek

Konvertering af Flash-projekter til HTML5

Manuel konvertering af et komplekst Flash-projekt til HTML5 er en arbejdskrævende og tidskrævende proces på grund af platformforskelle. Udvikleren skal konvertere animationer oprettet med Flash og ActionScript til HTML5 og JavaScript. Heldigvis er der et par værktøjer, der hjælper med at automatisere konverteringen fra Flash til HTML5.

Adobe har udgivet Wallaby, et eksperimentelt værktøj, der kan downloades gratis fra Adobe Labs websted. Wallaby tager en Flash-projektfil (.fla) som input og eksporterer HTML5 og understøtter CSS- og JavaScript-filer. Wallaby-udgivelsesnotater indeholder dog en forholdsvis lang liste over funktioner, der ikke er konverteret - hvoraf de vigtigste er ActionScript, film og lyd. Wallaby er et begrænset værktøj, der primært er designet til at konvertere animeret grafisk indhold til HTML5, så det kan integreres i websider ved hjælp af et websidedesignværktøj.

Google Labs har frigivet Swiffy, et gratis webbaseret værktøj, der konverterer en kompileret Flash-applikationsfil (.swf) til HTML5. Outputet kan derefter integreres på en webside, men det er ikke let for en udvikler at redigere. Ligesom Wallaby konverterer Swiffy ikke alle Flash-funktioner. Swiffy understøtter ActionScript-konvertering, men kun version 2.0 (ActionScript er i øjeblikket i version 3.0). Swiffy-output kører kun på browsere, der understøtter skalerbar vektorgrafik (SVG).

Edge, et nyt udviklingsværktøj til HTML5

Når HTML5 bliver den valgte platform, dukker nye værktøjer op til at give design- og udviklingsmiljøer, der integrerer HTML5, CSS3 og JavaScript.

I august 2011 frigav Adobe en preview-version af Edge-udviklingsværktøjet. Edge gør det muligt for en designer at oprette HTML5-animationer og tilføje animationer til eksisterende HTML5-projekter. Flash-designere genkender nogle velkendte elementer i Edge-brugergrænsefladen, herunder scenen, egenskabsvinduet og animationens tidslinje. Edge genererer imidlertid CSS- og JavaScript-filer, og dens animationsindhold gemmes i en JSON-datastruktur (JavaScript Object Notation).

På dette tidspunkt forventede Edge sin fjerde preview-udgivelse. Nye funktioner tilføjes til hver udgivelse.

Konvertering af YouTube til HTML5

Et tegn på overgangen til HTML5 er, at YouTube nu giver mulighed for at bruge en HTML5-videospiller til at se videoer.

Før YouTube-indstillingen blev leveret, blev alle YouTube-videoer leveret via en Flash-videoafspiller. Brugere kunne uploade videofiler i næsten ethvert format, og YouTube konverterede derefter hver video til det krævede Flash (.flv) -format.

YouTube koder nu også videoer med H.264-videokodek og WebM-format til levering af HTML5. Hvis du vil se videoer i HTML5-format, skal du have en browser, der understøtter HTML5-videomærket og et videoformat, der er brugt af YouTube.

Legacy of Flash

Som tidligere nævnt fortsætter Adobe udviklingen på pc-versionen af ​​Flash Player - indtil videre. Selv hvis Adobe stopper med at støtte Flash Player i fremtiden, vil ældre Flash-applikationer fortsat understøttes på Internettet - sandsynligvis i årevis. Så Flash går ikke helt væk snart. Værktøjer er tilgængelige til at konvertere Flash-applikationer til HTML5-applikationer, men i øjeblikket understøtter disse værktøjer ikke konvertering af alle Flash-funktioner. Når HTML5-standarden bliver dominerende, er det sandsynligt, at Flash-filkonverteringsværktøjer bliver mere sofistikerede, og der oprettes nye værktøjer til at udvikle indhold med HTML5-platformen.