Прелазак са фласх-а на хтмл5

У новембру 2011. Адобе је објавио да ће прекинути развој свог Фласх Плаиер-а за мобилне уређаје након издавања Фласх Плаиер-а 11.1 за Андроид уређаје и БлацкБерри Плаибоок, одлучивши се уместо тога да се концентрише на алате за изградњу ХТМЛ5 апликација за мобилне уређаје. Иако је Адобе поновио подршку Фласх Плаиер-у за прегледаче личних рачунара, многи сматрају да је само питање времена пре него што и Адобе укине подршку за ПЦ верзију. Ово је лоша вест за компаније које увелико улажу у Фласх апликације, као и програмере који су уложили време у стицање вештина програмирања потребних за израду Фласх апликација.

Погледајмо неке разлике између Фласх-а и ХТМЛ5-а и пружимо неколико савета и алата који ће вам олакшати прелазак између ове две платформе.

Основе Фласх платформе

Фласх се често користи као кровни израз за означавање власничке Адобе платформе која се заправо састоји од следећих компоненти:

• Фласх: Алат који се првенствено користи за дизајнирање и креирање анимација
• Флек: Развојно окружење које се користи за прављење апликација, укључујући комплет за развој софтвера (СДК)
• МКСМЛ: Језик за означавање који се користи у Фласх пројектима
• АцтионСцрипт: скриптни језик

Да бисте покренули Фласх апликацију у веб прегледачу, додатак Фласх Плаиер мора да се преузме. Као алтернатива, може се саставити Фласх апликација која се покреће у Адобе АИР окружењу током радне површине. Опет, на корисниковом рачунару мора бити инсталиран Адобе АИР за покретање АИР апликације.

Фласх користи следеће главне формате датотека:

• .фла: Датотека Фласх пројекта
• .флв: Фласх видео датотека
• .свф: Компајлирана Фласх / Флек апликациона датотека која може садржавати .флв датотеке

Основе платформе ХТМЛ5

ХТМЛ5 је отворена стандардна платформа која се састоји од следећег:

• ХТМЛ5: Језик за означавање који се користи за креирање веб страница
• Каскадне таблице стилова 3 (ЦСС3): језик листа стилова који се користи за одређивање обликовања објеката на ХТМЛ5 веб страници
• Апликацијски програмски интерфејси (АПИ): АПИ-ји за подршку функција као што су превлачење и пребацивање порука
• ЈаваСцрипт: језик скрипте који се користи уз ХТМЛ5 за омогућавање анимације

Једна од предности ХТМЛ5 је та што се он покреће на веб прегледачима и не захтева додатак. Међутим, да би се исправно покренуо, прегледач мора да подржава ХТМЛ5 и ЦСС3 функције за ХТМЛ5 веб страницу. Главни прегледачи имају различите нивое подршке за ХТМЛ5 и ЦСС3, а имплементација није потпуна. ЈаваСцрипт готово универзално подржавају прегледачи; међутим, корисници имају могућност "искључивања" ЈаваСцрипт-а, у којем се случају скрипте на страни клијента креиране ЈаваСцрипт-ом не покрећу.

Формати ХТМЛ5 датотека укључују следеће:

• .хтм / .хтмл: Датотека ХТМЛ5 веб страница
• .цсс: Датотека са стилом ЦСС3

Од 2011. године, тренутна ХТМЛ5 спецификација не одређује подржане формате видео датотека, остављајући их на појединим прегледачима да одаберу које формате треба подржати. Тренутно подржани формати укључују следеће:

• .мп4: МПЕГ 4 видео датотека са Х.264 видео кодеком и ААЦ аудио кодеком
• .вебм: ВебМ видео датотека са ВП8 видео кодеком и Ворбис аудио кодеком
• .огг: Огг видео датотека са Тхеора видео кодеком и Ворбис аудио кодеком

Конвертовање Фласх пројеката у ХТМЛ5

Ручно претварање сложеног Фласх пројекта у ХТМЛ5 дуготрајан је и дуготрајан процес, због разлика у платформи. Програмер мора претворити анимације створене Фласх-ом и АцтионСцрипт-ом у ХТМЛ5 и ЈаваСцрипт. Срећом, постоји неколико алата који помажу у аутоматизацији претворбе из Фласх-а у ХТМЛ5.

Адобе је објавио Валлаби, експериментални алат који се може бесплатно преузети са веб локације Адобе Лабс. Валлаби узима датотеку Фласх пројекта (.фла) као улаз и извоз ХТМЛ5 и подршку за ЦСС и ЈаваСцрипт датотеке. Међутим, белешке о издању Валлаби садрже прилично дуг списак функција које нису претворене - од којих су најважније АцтионСцрипт, филмови и звук. Валлаби је ограничена алатка која је примарно дизајнирана за претварање анимираног графичког садржаја у ХТМЛ5 тако да се она може интегрисати у веб странице помоћу алата за дизајн веб страница.

Гоогле Лабс објавио је Свиффи, бесплатни веб-алат који претвара компајлирану датотеку Фласх апликације (.свф) у ХТМЛ5. Излаз се затим може уградити у веб страницу, али програмеру није лако уређивати. Као и Валлаби, Свиффи не претвара све Фласх функције. Свиффи подржава АцтионСцрипт конверзију, али само верзију 2.0 (АцтионСцрипт је тренутно у верзији 3.0). Свиффи излаз ради само на прегледачима који подржавају Сцалабле Вецтор Грапхицс (СВГ).

Едге, ново средство за развој ХТМЛ5-а

Како ХТМЛ5 постаје платформа избора, појављују се нови алати за пружање окружења за дизајн и развој која интегришу ХТМЛ5, ЦСС3 и ЈаваСцрипт.

У августу 2011. Адобе је објавио верзију за преглед Едге развојног алата. Едге омогућава дизајнеру да креира ХТМЛ5 анимације и дода анимације постојећим ХТМЛ5 пројектима. Фласх дизајнери препознаће неке познате елементе у корисничком интерфејсу Едге, укључујући бину, прозор својстава и временску линију за анимацију. Едге, међутим, генерише ЦСС и ЈаваСцрипт датотеке, а његов садржај анимације је смештен у структуру података о ЈаваСцрипт Објецт Нотатион (ЈСОН).

У време писања овог писма Едге је очекивао четврто издање прегледа. Свакој верзији додају се нове функције.

Конвертовање ИоуТубе-а у ХТМЛ5

Један знак преласка на ХТМЛ5 је тај што ИоуТубе сада нуди могућност коришћења ХТМЛ5 видео плаиера за гледање видео записа.

Пре него што је понудио ХТМЛ5 опцију, сви ИоуТубе видео снимци су испоручени путем Фласх видео плејера. Корисници би могли да отпремају видео датотеке у готово било ком формату, а ИоуТубе би затим претворио сваки видео у потребан Фласх (.флв) формат.

ИоуТубе сада такође кодира видео записе са Х.264 видео кодеком и ВебМ форматом за испоруку ХТМЛ5. Да бисте погледали видео записе у ХТМЛ5 формату, морате имати прегледач који подржава ХТМЛ5 видео ознаку и видео формат који користи ИоуТубе.

Легаци Фласх-а

Као што је раније напоменуто, Адобе за сада наставља развој на ПЦ верзији Фласх Плаиер-а. Чак и ако Адобе у будућности престане да подржава Фласх Плаиер, наслеђене Фласх апликације и даље ће се подржавати на Вебу - вероватно годинама. Дакле, Фласх ускоро неће потпуно нестати. Доступни су алати за претварање Фласх апликација у ХТМЛ5 апликације, али тренутно ови алати не подржавају конверзију свих Фласх функција. Како стандард ХТМЛ5 постаје доминантан, вероватно ће Алати за конверзију датотека Фласх постати софистициранији и створити се нови алати за развој садржаја са ХТМЛ5 платформом.