Flytta från Flash till HTML5

Författare: Robert Simon
Skapelsedatum: 22 Juni 2021
Uppdatera Datum: 1 Juli 2024
Anonim
Flytta från Flash till HTML5 - Teknologi
Flytta från Flash till HTML5 - Teknologi

Innehåll


Hämtmat:

Flash kommer inte att försvinna någon gång snart, men många experter tror att det så småningom kommer att ersättas av HTML5. Ta reda på vad denna övergång kommer att betyda för företag och utvecklare som är mycket investerade i Flash.

I november 2011 tillkännagav Adobe att de skulle avbryta utvecklingen av sin Flash Player för mobila enheter efter lanseringen av Flash Player 11.1 för Android-enheter och BlackBerry Playbook och istället välja att koncentrera sig på verktyg för att bygga HTML5-applikationer för mobila enheter. Även om Adobe upprepade sitt stöd för Flash Player för persondatorläsare, tror många att det bara är en tidsfråga innan Adobe också avslutar support för PC-versionen. Detta är dåliga nyheter för företag som investerar starkt i Flash-applikationer, såväl som för utvecklare som har investerat tid i att förvärva de programmeringsfärdigheter som krävs för att bygga Flash-applikationer.

Låt oss titta på några av skillnaderna mellan Flash och HTML5 och ge några tips och verktyg för att underlätta övergången mellan dessa två plattformar.

Grundläggande om Flash-plattformen

Flash används ofta som ett paraplyterm för att hänvisa till en egen Adobe-plattform som faktiskt består av följande komponenter:
  • Flash: Ett verktyg som främst används för att designa och skapa animationer
  • Flex: Utvecklingsmiljön som används för att bygga applikationer, inklusive ett program för utveckling av programvara (SDK)
  • MXML: Markeringsspråk som används i Flash-projekt
  • ActionScript: Ett skriptspråk
För att kunna köra en Flash-applikation i en webbläsare måste Flash Player-insticksprogrammet laddas ner. Som ett alternativ kan en Flash-applikation kompileras för att köras i Adobe AIR desktop runtime-miljö. Återigen måste Adobe AIR installeras på användarens dator för att en AIR-applikation ska kunna köras.

Flash använder följande huvudfilformat:
  • .fla: Flash-projektfil
  • .flv: Flash-videofil
  • .swf: Kompilerad Flash / Flex-applikationsfil som kan innehålla .flv-filer

Grunderna i HTML5-plattformen

HTML5 är en öppen standardplattform som består av följande:
  • HTML5: Markeringsspråk som används för att skapa webbsidor
  • Cascading Style Sheets 3 (CSS3): Style arkspråk som används för att specificera formateringen för objekt på en HTML5-webbsida
  • Application Programming Interfaces (API): API: er för att stödja funktioner som dra-och-släpp och meddelanden med flera dokument
  • JavaScript: Skriptspråk som används med HTML5 för att aktivera animering
En av fördelarna med HTML5 är att den körs direkt på webbläsare och inte kräver någon plug-in. För att kunna köra korrekt måste en webbläsare dock stödja HTML5- och CSS3-funktioner för en HTML5-webbsida. De stora webbläsarna har olika nivåer av stöd för HTML5 och CSS3, och implementeringen är inte fullständig. JavaScript stöds nästan universellt av webbläsare; användare har dock möjligheten att "stänga av" JavaScript, i vilket fall skript från klientsidan skapade med JavaScript inte körs.

HTML5-filformat innehåller följande:
  • .htm / .html: HTML5-webbsidafil
  • .css: CSS3-formatmallen
Från och med 2011 anger den nuvarande HTML5-specifikationen inte de videofilformat som stöds, vilket gör det upp till enskilda webbläsare att välja vilka format som ska stödjas. Aktuella format som stöds inkluderar följande:
  • .mp4: MPEG 4-videofil med H.264-videokodek och AAC-ljudkodek
  • .webm: WebM-videofil med VP8-videokodek och Vorbis-ljudkodek
  • .ogg: Ogg-videofil med Theora-videokodek och Vorbis-ljudkodek

Konvertera Flash-projekt till HTML5

Att manuellt konvertera ett komplext Flash-projekt till HTML5 är en arbetskrävande och tidskrävande process på grund av skillnader i plattformen. Utvecklaren måste konvertera animationer skapade med Flash och ActionScript till HTML5 och JavaScript. Lyckligtvis finns det några verktyg som hjälper till att automatisera konverteringen från Flash till HTML5.

Adobe har släppt Wallaby, ett experimentellt verktyg som kan laddas ner gratis från Adobe Labs webbplats. Wallaby tar en Flash-projektfil (.fla) som inmatning och exporterar HTML5 och stödjer CSS- och JavaScript-filer. Wallaby-utgåvan innehåller dock en ganska lång lista med funktioner som inte är konverterade - varav de viktigaste är ActionScript, filmer och ljud. Wallaby är ett begränsat verktyg som huvudsakligen är utformat för att konvertera animerat grafiskt innehåll till HTML5, så att det kan integreras i webbsidor med ett webbdesignverktyg.

Google Labs har släppt Swiffy, ett gratis webbaserat verktyg som konverterar en sammanställd Flash-applikationsfil (.swf) till HTML5. Utdata kan sedan inbäddas på en webbsida men är inte lätt för en utvecklare att redigera. Precis som Wallaby konverterar Swiffy inte alla Flash-funktioner. Swiffy stöder ActionScript-konvertering, men endast version 2.0 (ActionScript finns för närvarande i version 3.0). Swiffy-utgången körs bara på webbläsare som stöder skalbar vektorgrafik (SVG).

Edge, ett nytt utvecklingsverktyg för HTML5

Eftersom HTML5 blir den valda plattformen dyker upp nya verktyg för att tillhandahålla design- och utvecklingsmiljöer som integrerar HTML5, CSS3 och JavaScript.

I augusti 2011 släppte Adobe en förhandsversion av Edge-utvecklingsverktyget. Edge gör det möjligt för en designer att skapa HTML5-animationer och lägga till animationer till befintliga HTML5-projekt. Flash-designers kommer att känna igen några kända element i Edge-användargränssnittet, inklusive scenen, egenskaperna och tidslinjen för animering. Edge genererar emellertid CSS- och JavaScript-filer, och dess animeringsinnehåll lagras i en JSON-datastruktur (JavaScript Object Notation).

Vid detta skrivande förutsåg Edge sin fjärde förhandsgranskning. Nya funktioner läggs till i varje utgåva.

Konvertera YouTube till HTML5

Ett tecken på flytten till HTML5 är att YouTube nu erbjuder möjligheten att använda en HTML5-videospelare för att se videor.

Innan HTML5-alternativet erbjöds levererades alla YouTube-videor via en Flash-videospelare. Användare kan ladda upp videofiler i nästan vilket format som helst, och YouTube konverterade sedan varje video till det nödvändiga Flash (.flv) -formatet.

YouTube kodar nu också videor med H.264-videokodek och WebM-format för HTML5-leverans. För att kunna se videor i HTML5-format måste du ha en webbläsare som stöder HTML5-videotaggen och ett videoformat som används av YouTube.

Legacy of Flash

Som tidigare noterats fortsätter Adobe utvecklingen på PC-versionen av Flash Player - för tillfället. Även om Adobe slutar stödja Flash Player i framtiden kommer gamla Flash-applikationer att fortsätta att stöds på webben - troligtvis i flera år. Så Flash försvinner inte helt när som helst snart. Verktyg finns tillgängliga för att konvertera Flash-applikationer till HTML5-applikationer, men för närvarande stöder dessa verktyg inte konvertering av alla Flash-funktioner. När HTML5-standarden blir dominerande är det troligt att Flash-filkonverteringsverktyg blir mer sofistikerade och nya verktyg skapas för att utveckla innehåll med HTML5-plattformen.