Flytter fra flash til html5

I november 2011 kunngjorde Adobe at de ville avvikle utviklingen av Flash Player for mobile enheter etter utgivelsen av Flash Player 11.1 for Android-enheter og BlackBerry Playbook, og i stedet valgte å konsentrere seg om verktøy for å bygge HTML5-applikasjoner for mobile enheter. Selv om Adobe gjentok sin støtte til Flash Player for nettlesere på datamaskiner, tror mange det bare er et spørsmål om tid før Adobe også avslutter støtte for PC-versjonen. Dette er dårlige nyheter for selskaper som er mye investert i Flash-applikasjoner, så vel som utviklere som har investert tid i å skaffe seg programmeringsferdighetene som kreves for å bygge Flash-applikasjoner.

La oss se på noen av forskjellene mellom Flash og HTML5 og gi noen tips og verktøy for å lette overgangen mellom disse to plattformene.

Grunnleggende om Flash-plattformen

Flash brukes ofte som et paraplybegrep for å referere til en egen Adobe-plattform som faktisk består av følgende komponenter:

• Flash: Et verktøy som hovedsakelig brukes til å designe og lage animasjoner
• Flex: Utviklingsmiljøet som ble brukt til å bygge applikasjoner, inkludert et programvareutviklingssett (SDK)
• MXML: Markeringsspråk som brukes i Flash-prosjekter
• ActionScript: Et skriptspråk

For å kjøre en Flash-applikasjon i en nettleser, må Flash Player-plugin-modulen lastes ned. Som et alternativ kan en Flash-applikasjon kompileres for å kjøre i Adobe AIR desktop runtime-miljø. Igjen må Adobe AIR være installert på brukerens datamaskin for at et AIR-program skal kunne kjøres.

Flash bruker følgende hovedfilformater:

• .fla: Flash-prosjektfil
• .flv: Flash-videofil
• .swf: Kompilert Flash / Flex-applikasjonsfil som kan inneholde .flv-filer

Grunnleggende om HTML5-plattformen

HTML5 er en åpen standardplattform som består av følgende:

• HTML5: Markeringsspråk som brukes til å lage websider
• Cascading Style Sheets 3 (CSS3): Stilarkspråk som brukes til å spesifisere formateringen for objekter på en HTML5-webside
• Application Programming Interfaces (API): APIer for å støtte funksjoner som dra-og-slipp og meldinger på tvers av dokumenter
• JavaScript: Skriptspråk brukt med HTML5 for å aktivere animasjon

En av fordelene med HTML5 er at den kjører i nettlesere innfødt og ikke krever en plug-in. For å kunne fungere ordentlig, må en nettleser imidlertid støtte HTML5- og CSS3-funksjoner for en HTML5-webside. De viktigste nettleserne har forskjellige støttenivåer for HTML5 og CSS3, og implementeringen er ikke fullført. JavaScript støttes nesten universelt av nettlesere; Imidlertid har brukere muligheten til å "slå av" JavaScript, i hvilket tilfelle skripter fra klientsiden opprettet med JavaScript ikke kjøres.

HTML5-filformater inkluderer følgende:

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

Fra og med 2011 spesifiserer ikke den nåværende HTML5-spesifikasjonen støttede videofilformater, noe som gir det opp til individuelle nettlesere å velge hvilke formater som skal støttes. Gjeldende stø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

Konvertere Flash-prosjekter til HTML5

Å manuelt konvertere et komplekst Flash-prosjekt til HTML5 er en arbeidskrevende og tidkrevende prosess, på grunn av plattformforskjeller. Utvikleren må konvertere animasjoner opprettet med Flash og ActionScript til HTML5 og JavaScript. Heldigvis er det noen få verktøy som hjelper med å automatisere konverteringen fra Flash til HTML5.

Adobe har gitt ut Wallaby, et eksperimentelt verktøy som kan lastes ned gratis fra Adobe Labs nettsted. Wallaby tar en Flash-prosjektfil (.fla) som input og eksporterer HTML5 og støtter CSS- og JavaScript-filer. Imidlertid inneholder utgivelsesnotatene til Wallaby en ganske lang liste med funksjoner som ikke er konvertert - hvorav de viktigste er ActionScript, filmer og lyd. Wallaby er et begrenset verktøy som primært er designet for å konvertere animert grafisk innhold til HTML5, slik at det kan integreres i websider ved hjelp av et webdesignverktøy.

Google Labs har gitt ut Swiffy, et gratis nettbasert verktøy som konverterer en kompilert Flash-applikasjonsfil (.swf) til HTML5. Utdataene kan deretter legges inn på en webside, men det er ikke lett for en utvikler å redigere. I likhet med Wallaby, konverterer ikke Swiffy alle Flash-funksjoner. Swiffy støtter ActionScript-konvertering, men bare versjon 2.0 (ActionScript er for øyeblikket i versjon 3.0). Swiffy-utgangen kjøres bare på nettlesere som støtter skalerbar vektorgrafikk (SVG).

Edge, et nytt utviklingsverktøy for HTML5

Etter hvert som HTML5 blir den valgte plattformen, dukker det opp nye verktøy for å gi design- og utviklingsmiljøer som integrerer HTML5, CSS3 og JavaScript.

I august 2011 ga Adobe ut en forhåndsvisningsversjon av Edge-utviklingsverktøyet. Edge gjør det mulig for en designer å lage HTML5-animasjoner og legge til animasjoner til eksisterende HTML5-prosjekter. Flash-designere vil kjenne igjen noen kjente elementer i Edge-brukergrensesnittet, inkludert scenen, egenskapsvinduet og animasjonens tidslinje. Edge genererer imidlertid CSS- og JavaScript-filer, og animasjonsinnholdet lagres i en JavaScript Object Notation (JSON) datastruktur.

På dette tidspunktet forventet Edge sin fjerde forhåndsutgivelse. Nye funksjoner blir lagt til hver utgave.

Konvertering av YouTube til HTML5

Et tegn på overgangen til HTML5 er at YouTube nå tilbyr muligheten til å bruke en HTML5 videospiller for å se videoer.

Før YouTube-alternativet ble tilbudt, ble alle YouTube-videoer levert via en Flash-videospiller. Brukere kan laste opp videofiler i nesten hvilket som helst format, og YouTube ville deretter konvertere hver video til det nødvendige Flash (.flv) -formatet.

YouTube koder nå også videoer med H.264-videokodek og WebM-format for HTML5-levering. Hvis du vil se videoer i HTML5-format, må du ha en nettleser som støtter HTML5-videomerkingen og et videoformat som brukes av YouTube.

Legacy of Flash

Som tidligere nevnt, fortsetter Adobe utviklingen på PC-versjonen av Flash Player - foreløpig. Selv om Adobe slutter å støtte Flash Player i fremtiden, vil gamle Flash-applikasjoner fortsatt støttes på nettet - sannsynligvis i flere år. Så Flash blir ikke helt borte når som helst snart. Verktøy er tilgjengelige for å konvertere Flash-applikasjoner til HTML5-applikasjoner, men for øyeblikket støtter ikke disse verktøyene konvertering av alle Flash-funksjoner. Etter hvert som HTML5-standarden blir dominerende, er det sannsynlig at Flash-filkonverteringsverktøyene blir mer sofistikerte, og nye verktøy vil bli opprettet for å utvikle innhold med HTML5-plattformen.