Flash versus HTML5 — výsledek souboje
Sdílet
Jaká technologie nakonec ovládne multimédia na internetu? Podobne jako u souboje formátu Blu-Ray a HD DVD máme prílezitost sledovat duel dvou konceptu. Komercní resení si s otevrenou myslenkou vsak jen tezko poradí.
Opravdu. Víceméne jednotná implementace napríc prohlízeci a obecné prijetí HTML5 se blízí nezadrzitelne do cíle. Hnací silou je otevrená a tedy bezproblémová koncepce podporovaná klícovými prohlízeci. Dozrává tak nový standard HTML5 a CSS3, který udelá radost kodérum i designérum. Je jednoduchý a umí vse, co je potreba.
Zpet ke korenum
Esencí, která se knihou nese, je poznatek, ze audio a video v „nových“ formátech bude na webu konecne beznou soucástí, a to i mimo weby zamerené výhradne na mediální obsah. Ve vetsine prípadu si nebudete muset vypomáhat Java Scriptem ani technologií Flash. Presto v knize najdete kapitolu, která se podrobne zabývá konverzí do vhodného formátu. Flash budete také stále potrebovat v prípade sofistikovanejsích interakcí a animací. Kazdopádne HTML5 se snazí pokrýt vsechny duvody, které nyní vedly k Flashi jako alternative. Jinými slovy, neco jako DVD menu v HTML5 jeste bez pokrocilého scriptování nevytvoríte, ale budete hodne blízko.
Zhavé novinky v CSS3
CSS3 prinásí mnoho inovací – napríklad vícesloupcovou sazbu a podobne. My se primárne zameríme na ty, které se týkají formy audio a video obsahu.
— border-box
dokázete mnohem lépe ovládat obdélníkové elementy, margin a padding
— border-radius
zaoblení rohu, které uz mnoho z nás pouzívá, se stane standardem
— transition a transform
bezproblémová manipulace s „címkoliv na stránce“. Otácení, natahování, pruhlednost. To vse i s mozností pouzití plynulého prubehu ze stavu A do B za cas T. IE tyto definice vsak prozatím nepodporuje.
Titulky a jiné transkripce
V tomto smeru je v knize popsána aktuální situace. Avsak úroven imlementace v prohlízecích jeste není konecná. Vypadá to, ze se hlavním uznávaným souborem pro webové titulky stane WebSRT, coz není nic jiného nez klasický formát SubRip SRT striktne v kódování UTF-8.
Dalsí kouzla
Samozrejme HTML5 samo o sobe neresí komplexnejsí animace a manipulace s mediálním obsahem. Ale poskytuje k tomu mnohem sofistikovanejsí platformu. Pokud ovládáte JavaScript, bude pro Vás kniha skvelým zdrojem inspirace.
Zabývá se totiz jak interakcí webové stránky s videem a audiem, tak i dalsími moznostmi optimalizace výkonu (technologie Web Workers) a vizuální manipulace, jako jsou filtry v reálném case (Canvas), orezy videa pomocí SVG grafiky nebo sestavení vlastních ovládacích prvku respektujících design webu. Ukazuje také blízkou budoucnost v podobe API, díky kterému muzete napríklad prevést audio do vizuální formy (vlny nebo spektrální analyzér).
Zdroj informací
K sepsání tohoto clánku jsem vycházel z knihy HTML5 - audio a video, kompletní pruvodce vydané nakladatelstvím Zoner Press. Kniha je souhrnným technickým soupisem aktuálních mozností a dokoncované specifikace jak HTML5 tak CSS3. Osobne povazuji knihu za strucný úvod do tématu a pro tento úcel je výborným nakopávacem.
Otevrené finále
Pokud se zamerím na aktuální nejistoty, tak klícová je neshoda na jednotném formátu videa. Prozatím totiz zádný formát není podporován vsemi prohlízeci. Z tech je na tom nejlépe Chrome, který podporuje vsechny tri finálové formáty, tedy Ogg Theora, MPEG-4 H.264 a WebM.
Nastestí HTML5 nabízí resení ve forme znacky <source>, kde i pro jedno video dokázete nadefinovat odkazy pro více formátu, a prohlízec si tak zvolí ten, který podporuje.
Tabulka: Podpora formátu v prohlízecích
HTML5 jeste není v úplne definitivní verzi, to se ocekává v prubehu let 2011/2012. Nezapomente, ze dostupnost technologie a masové rozsírení jsou od sebe obcas roky daleko. Takze nez se do HTML5 a CSS3 vrhnete, je dobré si provést analýzu rozsírenosti dané technologie mezi uzivateli vaseho webu. A soucasne se mrknout, jak se nové vlastnosti HTML zobrazují v nejbeznejsích prohlízecích. Prozatím proste nezijeme v dokonalém svete, takze testujte a ctete aktuální informace na webech www.jakpsatweb.cz a www.zdrojak.cz.
Pokud si uz nyní chcete vyzkouset animovat v HTML5/CSS3 a kódování není vasí zálibou, pak doporucuji vyzkouset nástroje jako www.animatable.com, www.sencha.com/products/animator a nakonec jeden zajímavý ceský nástroj na webu piffle.abdoc.net.
HTML5 - audio a video
Kompletní pruvodce
Autor: Silvia Pfeiffer
Formát: 168 x 230
Pocet stran: 352
Vydavatel: Zoner Press
Cena: 341 Kc
Dalsí informace o knize
Zdroj a foto:
Vítek Válka
Prectete si dalsí clánky v rubrice:
Knihy a casopisy
Autor clánku:
Vítezslav Válka
Martin Kalda
info@kalda.cz | 10. listopad. 2011, 22.30
Docela hezký clánek na téma ukoncení vývoje mobilního flashe a co to vlastne znamená vysel na serveru MujMac.
Mám takový pocit, ze témer "neomezené" moznosti flashe a aplikací napsaných v nem jsou také duvodem k jeho neustálému omezovaní ri minimálne nepodporování. A tusím, ze nocní murou séfu Adobe bylo, ze jednou stav, kdy si majitelé operacních systému uvedomí ze nechat si bujet ve svém systému neco co je vlatne takový malý operacní systém sám o sobe, jednou nepekne skoncí.
Bylo by fajn, kdyby se vsichni domluvili, jenze to je podobné jako chtít svetový mír.
http://www.mujmac.cz/art/polemiky/co-znamena-ukonceni-vyvoje-mobilniho-flash-playeru.html
Jaroslav Stehlik
stehlik@jaroslavstehlik.com | 10. listopad. 2011, 19.52
A jeste jsem zapomel ze to v brzke dobe budete muset optimalizovat i na televize :D a tak to rozhrani asi neboude jentak hnedka touchove :D
no doufam ze Adobe s tim neco udela.
Nejspise takovej Flash editor na Html 5 coz
castecne supluje Adobe Edge, doporucuju se nato kouknout :)
Jaroslav Stehlik
stehlik@jaroslavstehlik.com | 10. listopad. 2011, 19.49
JJ html5 urcite obohati weby animaci, videem a obcasnymi eyecandy efekty rekneme ze asi neco takoveho co umela uz flash 6 :D
ale je to fuk. spis vam nezavidim ten crosbrowser a crossplatform coding a debugging :D
takova mala ukazka jak to zhruba vypada.
zarizeni: PC - funguje az na IE a Operu
zarizeni: Mac - funguje ale safari obcas laguje
zarizeni: Android - funguje ale blbne touch rozhrani. a obcas se rozsype layout.
zarizeni: IOS - funguje ale rozliseni na tabletu nesedi.
zarizeni: Nokia: bez komentare...
tak opravdu vam to nezavidim :)
Miloslav Nosovský
meela@dlb.cz | 09. listopad. 2011, 15.22
Podle me bude mít Flash stále svoje místo. Je spousta vecí, které bez neho nejdou.
A pak je taky spousta vecí, které se dají udelat v html 5 a na flash pritom zapomenout.
V podstate nejde o to, co chce klient. Jde o to, co mu VY jako developeri doporucíte jako nejlepsí resení. Klient ví, ze chce animaci. Pro klienta animace znamená Flash. Proto asi místo pseudodohadování o tom "co jo, a co ne" to chce klienty trochu edukovat...
Ludek Rolecek
| 09. listopad. 2011, 11.17
Flash versus HTML5 výsledek souboje: 8.11.2011 Adobe oznámilo zastavení vývoje Flash pluginu pro vsechny mobilní platformy. Adobe se nadále zamerí na nástroje pro tvorbu HTML5 obsahu. Flash se bude soustredit na vývoj AIR aplikací a nativních mobilních aplikací.
Takze výsledek souboje myslím známe :) Alespon co se webu týce. Zatím se jedná o mobilní prohlízece, ale s tím, jak mobilní web získává na dulezitosti, nikdo nebude delat vsechno dvakrát - jednou pro mobily v HTML5 a podruhé ve Flashi pro desktopy. Tím spíse, ze to HTML5 pro mobily bude na desktopech fungovat jeste lépe a rychleji. Význam Flashe v prohlízecích muze nyní pouze strme klesat.
Flash urcite má svá pouzití, ale na web opravdu nepatrí. A nyní konecne zacínáme být ve fázi, kdy uz ho nebudeme potrebovat, aby na webu suploval donedávna neexistující technologie.
Akrman
pavel@akrman.com | 08. listopad. 2011, 05.22
Já bych zase vrazdil za obrat "takové solutiony" pana Stehlíka :)
Hmm
| 08. listopad. 2011, 00.24
Mozna bych se zkusil zamyslet nad tim, ze neexistuje jen cesky trh :) nebo snad jen laptopy.
Jaroslav Stehlik
stehlik@jaroslavstehlik.com | 07. listopad. 2011, 22.24
Jenze to nesmis pouzivat Flash IDE ale
Flash Builder kterej je urcenej k opravdovemu a serioznimu vyvijeni aplikaci. tam je profiler kterej ti ukaze kolik mas objektu v pameti kolik to zabira pameti jestli se vcas uvolnuji a nekumuluji se a kolik to zere CPU.
Flash IDE je jen editor na vektorovou grafiku a animace ale rozhodne ne vyvojovej nastroj a proto doporucuji se mu vyhnout pokud v nem nehodlate delat pouze animace a nebo flashovou grafiku.
Martin Kalda
info@kalda.cz | 07. listopad. 2011, 11.18
Jardo: Nejsem expert na flash, ale rekni mi, kde v profileru najdu kumulaci pameti a cykleni?
Ja mel zato, ze profiler mi ciste ukazuje kolik je nutne stahnout dat aby flash bezel a ma tu moznost nasimulovat rychlost pripojeni.
Titulek je trochu moc ambiciozni zda se :)
Jaroslav Stehlik
stehlik@jaroslavstehlik.com | 07. listopad. 2011, 09.53
No za ten titulek bych asi vrazdil.
Hatlamatla 5 bohuzel nikoho nespasi, uz ted se ukazuje ze vyvoj multiplatformnich webu co se radoby chovaji jako aplikace je daleko casove narocenejsi a tudiz i ve finale drazsi. Pokud si klient bude chtit zaplatit ne-li 2x drazsi castku za neco co nikdy bebude ve vsech prohlizecich vypadat a fungovat stejne tak to mi ty penize rovnou muzete rvat do kapsy a na tekove solutiony se radsi vykaslat :) Ano svet bez pluginu by chtel kazdy ale v zasade za cokoliv lehce nadstandardniho musite opet zase stahnout k pluginum. Takze HTML5 nahradi pouze zakladni video a par animaci na strance. Eventuelne blitting v canvasu, coz je uzasne pomale i ve chromu a vsechny tyto "pro flash" standardni veci zerou baterku jak blazen. happy debugging and profiling :D A ti co si stezuji na Flash jsou vetsinou ti co ho jenom bastlej a vzivote si nezapnuli profiler aby videli jestli se jim nahodou nekde nekumuluje pamet a necykli neco co vubec neni potreba.
Pridejte Vás názor
