Преминаване от флаш към html5

През ноември 2011 г. Adobe обяви, че ще преустанови разработването на своя Flash Player за мобилни устройства след пускането на Flash Player 11.1 за устройства с Android и BlackBerry Playbook, като избра вместо това да се концентрира върху инструменти за изграждане на HTML5 приложения за мобилни устройства. Въпреки че Adobe потвърди подкрепата си за Flash Player за браузъри на персонални компютри, мнозина смятат, че е само въпрос на време, преди Adobe също да прекрати поддръжката за PC версията. Това е лоша новина за компании, които са много инвестирани в Flash приложения, както и за разработчици, които са инвестирали време в придобиване на програмните умения, необходими за изграждане на Flash приложения.

Нека да разгледаме някои от разликите между Flash и HTML5 и да предоставим някои съвети и инструменти, които да улеснят прехода между тези две платформи.

Основи на Flash платформата

Flash често се използва като чадър термин за обозначаване на собствена платформа Adobe, която всъщност се състои от следните компоненти:

• Flash: Инструмент, използван главно за проектиране и създаване на анимации
• Flex: среда за разработка, използвана за изграждане на приложения, включително комплект за разработка на софтуер (SDK)
• MXML: Език за маркиране, използван в Flash проекти
• ActionScript: скриптов език

За да стартирате Flash приложение в уеб браузър, приставката Flash Player трябва да бъде изтеглена. Като алтернатива може да се компилира Flash приложение, което да работи в среда за изпълнение на работния плот на Adobe AIR. Отново трябва да бъде инсталиран Adobe AIR на компютъра на потребителя, за да се стартира AIR приложение.

Flash използва следните основни файлови формати:

• .fla: Флаш файл на проекта
• .flv: Флаш видео файл
• .swf: Компилиран файл за приложение Flash / Flex, който може да съдържа .flv файлове

Основи на HTML5 платформата

HTML5 е отворена стандартна платформа, която се състои от следното:

• HTML5: Език за маркиране, използван за създаване на уеб страници
• Каскадни таблици за стилове 3 (CSS3): Език на стиловия лист, използван за определяне на форматирането на обекти на уеб страница HTML5
• Интерфейси за програмиране на приложения (API): API за поддръжка на функции като влачене и пускане и кръстосани документи
• JavaScript: Език на скриптове, използван с HTML5 за активиране на анимация

Едно от предимствата на HTML5 е, че той работи в уеб браузъри и не изисква плъгин. Въпреки това, за да работи правилно, браузърът трябва да поддържа HTML5 и CSS3 функции за HTML5 уеб страница. Основните браузъри имат различни нива на поддръжка за HTML5 и CSS3 и внедряването не е пълно. JavaScript е почти универсално поддържан от браузъри; обаче, потребителите имат възможност да „изключат“ JavaScript, като в този случай скриптове от страна на клиента, създадени с JavaScript, не се изпълняват.

HTML5 файловите формати включват следното:

• .htm / .html: HTML5 файл на уеб страница
• .css: CSS3 файл със стилов лист

От 2011 г. настоящата спецификация HTML5 не посочва поддържани формати на видео файлове, оставяйки ги на отделни браузъри да избират кои формати да се поддържат. Текущите поддържани формати включват следното:

• .mp4: MPEG 4 видео файл с H.264 видео кодек и AAC аудио кодек
• .webm: WebM видео файл с видео кодек VP8 и аудио кодек Vorbis
• .ogg: Ogg видео файл с видео кодек Theora и аудио кодек Vorbis

Конвертиране на Flash проекти в HTML5

Ръчното преобразуване на сложен Flash проект в HTML5 е трудоемък и отнемащ време процес поради разликите в платформата. Програмистът трябва да конвертира анимации, създадени с Flash и ActionScript, в HTML5 и JavaScript. За щастие има няколко инструмента, които помагат за автоматизирането на преобразуването от Flash в HTML5.

Adobe пусна Wallaby, експериментален инструмент, който може да бъде изтеглен безплатно от уебсайта на Adobe Labs. Wallaby приема файл с проект на Flash (.fla) като вход и експортиране на HTML5 и поддържа CSS и JavaScript файлове. Бележките за изданията на Wallaby обаче съдържат доста дълъг списък от функции, които не са преобразувани - най-важните от тях са ActionScript, филми и звук. Wallaby е ограничен инструмент, предназначен основно за преобразуване на анимирано графично съдържание в HTML5, така че да може да бъде интегриран в уеб страници с помощта на инструмент за дизайн на уеб страници.

Google Labs пусна Swiffy, безплатен уеб базиран инструмент, който преобразува компилиран файл за приложение Flash (.swf) в HTML5. След това изходът може да бъде вграден в уеб страница, но не е лесно за програмист да редактира. Подобно на Wallaby, Swiffy не конвертира всички функции на Flash. Swiffy поддържа конвертиране на ActionScript, но само версия 2.0 (ActionScript в момента е на версия 3.0). Изходът Swiffy работи само в браузъри, които поддържат Скалируема векторна графика (SVG).

Edge, нов инструмент за разработка на HTML5

Тъй като HTML5 се превръща в платформа за избор, се появяват нови инструменти за предоставяне на среда за дизайн и разработка, които интегрират HTML5, CSS3 и JavaScript.

През август 2011 г. Adobe пусна предварителна версия на инструмента за разработка на Edge. Edge дава възможност на дизайнера да създава HTML5 анимации и да добавя анимации към съществуващите HTML5 проекти. Дизайнерите на Flash ще разпознаят някои познати елементи в потребителския интерфейс на Edge, включително сцената, прозореца със свойства и времевата линия за анимация. Edge обаче генерира CSS и JavaScript файлове, а анимационното му съдържание се съхранява в структурата на данните на JavaScript Object Notation (JSON).

По време на това писане Edge очакваше четвъртото си издание за предварителен преглед. Към всяко издание се добавят нови функции.

Конвертиране на YouTube в HTML5

Един от признаците на преминаването към HTML5 е, че YouTube сега предлага възможност за използване на видео плейър HTML5 за гледане на видео.

Преди да предложи опцията HTML5, всички видеоклипове в YouTube бяха доставени чрез Flash видео плейър. Потребителите могат да качват видео файлове в почти всеки формат, а YouTube ще преобразува всеки видеоклип в необходимия Flash (.flv) формат.

Сега YouTube също кодира видеоклипове с видео кодек H.264 и формат WebM за доставка на HTML5. За да видите видеоклипове във формат HTML5, трябва да имате браузър, който поддържа HTML5 видео маркер и видео формат, използван от YouTube.

Наследството на Flash

Както беше отбелязано по-рано, Adobe продължава да разработва PC версията на Flash Player - засега. Дори ако Adobe в бъдеще спре да поддържа Flash Player, наследените Flash приложения ще продължат да се поддържат в мрежата - вероятно с години. Така че Flash не изчезва напълно скоро. Налични са инструменти за конвертиране на Flash приложения в HTML5 приложения, но в момента тези инструменти не поддържат конвертирането на всички функции на Flash. Тъй като стандартът HTML5 става доминиращ, вероятно инструментите за преобразуване на файлове Flash ще станат по-сложни и ще бъдат създадени нови инструменти за разработване на съдържание с платформата HTML5.