Spisu treści:
- Podstawy platformy Flash
- Podstawy platformy HTML5
- Konwertowanie projektów Flash na HTML5
- Edge, nowe narzędzie programistyczne dla HTML5
- Konwersja YouTube na HTML5
- Dziedzictwo Flasha
W listopadzie 2011 r. Adobe ogłosiło, że zaprzestanie tworzenia Flash Playera na urządzenia mobilne po wydaniu Flash Playera 11.1 na urządzenia z Androidem i BlackBerry Playbook, zamiast tego skoncentruje się na narzędziach do tworzenia aplikacji HTML5 na urządzenia mobilne. Chociaż Adobe powtórzyło obsługę Flash Playera w przeglądarkach komputerów osobistych, wielu uważa, że to tylko kwestia czasu, zanim Adobe zaprzestanie obsługi wersji na PC. To zła wiadomość dla firm, które mocno zainwestowały w aplikacje Flash, a także dla programistów, którzy zainwestowali czas w zdobycie umiejętności programowania wymaganych do tworzenia aplikacji Flash.
Spójrzmy na niektóre różnice między Flashem a HTML5 i dostarczmy kilka wskazówek i narzędzi, które ułatwią przejście między tymi dwiema platformami.
Podstawy platformy Flash
Flash jest często używany jako termin ogólny w odniesieniu do zastrzeżonej platformy Adobe, która w rzeczywistości składa się z następujących komponentów:- Flash: narzędzie używane głównie do projektowania i tworzenia animacji
- Flex: środowisko programistyczne służące do tworzenia aplikacji, w tym zestaw programistyczny (SDK)
- MXML: język znaczników używany w projektach Flash
- ActionScript: język skryptowy
Flash używa następujących głównych formatów plików:
- .fla: plik projektu Flash
- .flv: plik wideo Flash
- .swf: Skompilowany plik aplikacji Flash / Flex, który może zawierać pliki .flv
Podstawy platformy HTML5
HTML5 to otwarta platforma standardowa, która składa się z następujących elementów:- HTML5: język znaczników używany do tworzenia stron internetowych
- Cascading Style Sheets 3 (CSS3): Język arkuszy stylów używany do określania formatowania obiektów na stronie internetowej HTML5
- Interfejsy programowania aplikacji (API): interfejsy API obsługujące takie funkcje, jak przeciąganie i upuszczanie oraz przesyłanie dokumentów między dokumentami
- JavaScript: język skryptowy używany w HTML5 do włączania animacji
Formaty plików HTML5 obejmują:
- .htm / .html: plik strony internetowej HTML5
- .css: plik arkusza stylów CSS3
- .mp4: plik wideo MPEG 4 z kodekiem wideo H.264 i kodekiem audio AAC
- .webm: plik wideo WebM z kodekiem wideo VP8 i kodekiem audio Vorbis
- .ogg: plik wideo Ogg z kodekiem wideo Theora i kodekiem audio Vorbis
Konwertowanie projektów Flash na HTML5
Ręczna konwersja złożonego projektu Flash do HTML5 jest pracochłonnym i czasochłonnym procesem z powodu różnic między platformami. Deweloper musi przekonwertować animacje utworzone za pomocą Flash i ActionScript na HTML5 i JavaScript. Na szczęście istnieje kilka narzędzi, które pomagają zautomatyzować konwersję z Flasha na HTML5.
Adobe wydało Wallaby, eksperymentalne narzędzie, które można bezpłatnie pobrać ze strony Adobe Labs. Wallaby pobiera plik projektu Flash (.fla) jako dane wejściowe i eksportuje HTML5 oraz obsługuje pliki CSS i JavaScript. Jednak informacje o wydaniu Wallaby zawierają dość długą listę funkcji, które nie są konwertowane - najważniejsze z nich to ActionScript, filmy i dźwięk. Wallaby to ograniczone narzędzie zaprojektowane przede wszystkim do konwersji animowanej zawartości graficznej na HTML5, dzięki czemu można ją zintegrować ze stronami internetowymi za pomocą narzędzia do projektowania stron internetowych.
Google Labs wydało Swiffy, bezpłatne narzędzie internetowe, które konwertuje skompilowany plik aplikacji Flash (.swf) na HTML5. Dane wyjściowe można następnie osadzić na stronie internetowej, ale programista nie jest łatwy do edycji. Podobnie jak Wallaby, Swiffy nie konwertuje wszystkich funkcji Flash. Swiffy obsługuje konwersję ActionScript, ale tylko wersja 2.0 (ActionScript jest obecnie w wersji 3.0). Dane wyjściowe Swiffy działają tylko w przeglądarkach obsługujących skalowalną grafikę wektorową (SVG).
Edge, nowe narzędzie programistyczne dla HTML5
Ponieważ HTML5 staje się platformą z wyboru, pojawiają się nowe narzędzia do tworzenia środowisk projektowych i programistycznych integrujących HTML5, CSS3 i JavaScript.
W sierpniu 2011 r. Adobe wydało wersję zapoznawczą narzędzia programistycznego Edge. Edge umożliwia projektantowi tworzenie animacji HTML5 i dodawanie animacji do istniejących projektów HTML5. Projektanci Flash rozpoznają niektóre znane elementy interfejsu użytkownika Edge, w tym scenę, okno właściwości i oś czasu animacji. Edge generuje jednak pliki CSS i JavaScript, a zawartość animacji jest przechowywana w strukturze danych JavaScript Object Notation (JSON).
W momencie pisania tego tekstu Edge spodziewał się czwartej wersji zapoznawczej. Nowe funkcje są dodawane do każdej wersji.
Konwersja YouTube na HTML5
Jednym ze znaków przejścia na HTML5 jest to, że YouTube oferuje teraz opcję korzystania z odtwarzacza wideo HTML5 do oglądania filmów.
Przed zaoferowaniem opcji HTML5 wszystkie filmy z YouTube były dostarczane za pośrednictwem odtwarzacza wideo Flash. Użytkownicy mogą przesyłać pliki wideo w prawie dowolnym formacie, a następnie YouTube konwertuje każdy film na wymagany format Flash (.flv).
YouTube koduje teraz filmy wideo przy użyciu kodeka wideo H.264 i formatu WebM do dostarczania HTML5. Aby oglądać filmy w formacie HTML5, musisz mieć przeglądarkę obsługującą tag wideo HTML5 i format wideo używany przez YouTube.
Dziedzictwo Flasha
Jak wcześniej wspomniano, Adobe kontynuuje prace nad wersją Flash Playera na PC. Nawet jeśli Adobe przestanie obsługiwać Flash Playera w przyszłości, starsze aplikacje Flash będą nadal obsługiwane w Internecie - prawdopodobnie przez lata. Tak więc Flash nie zniknie w najbliższym czasie. Dostępne są narzędzia do konwersji aplikacji Flash na aplikacje HTML5, ale obecnie narzędzia te nie obsługują konwersji wszystkich funkcji Flash. Ponieważ standard HTML5 staje się dominujący, prawdopodobnie narzędzia do konwersji plików Flash staną się bardziej wyrafinowane i zostaną utworzone nowe narzędzia do opracowywania treści na platformie HTML5.
