Zawartość
- 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
Na wynos:
Flash nie zniknie w najbliższym czasie, ale wielu ekspertów uważa, że w końcu zostanie zastąpiony HTML5. Dowiedz się, co to przejście będzie oznaczać dla firm i programistów, którzy mocno zainwestowali we Flash.
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. Mimo że 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.Przyjrzyjmy się niektórym różnicom między Flashem a HTML5 i przekażmy kilka wskazówek i narzędzi ułatwiających 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.