Zobrazují se příspěvky se štítkemflash. Zobrazit všechny příspěvky
Zobrazují se příspěvky se štítkemflash. Zobrazit všechny příspěvky

středa 3. listopadu 2010

Flash proti HTML5

Tahle hra vypadá jako klasický Pong. Jen s tím rozdílem, že jedna část je vytvořena pomocí Flashe a ta druhá pomocí HTML5. Poznáte během hraní s jistotou, která je která? Nebo se obě chovají stejně? Pochopitelně aniž byste k tomu museli stránku zkoumat, pak by bylo vše hned jasné.


Zdroj: Mashable

úterý 26. ledna 2010

DailyMotion je další videoserver používající HTML5 a má zajímavé efekty

DailyMotion je videoserver, kterému se občas přezdívá francouzský YouTube. (Uhodli jste jste správně - DailyMotion sídlí v Paříži.)

Když jsem zmínil nedávné spuštění HTML5 verze YouTube a HTML5 verze Vimea, nesmím zapomenout zmínit HTML5 verzi DailyMotion.

DailyMotion je u nás málo známý, o to víc je ale jeho HTML5 verze zajímavější.

Tou první zajímavostí je, že ačkoliv HTML5 verze YouTube a Vimea běží od letošního ledna, DailyMotion přináší HTML5 verzi již od května loňského roku (oficiální oznámení).

Tou druhou zajímavostí je, že zatímco YouTube a Vimeo používají H.264 (což dává smysl, protože v tomto formátu mají - dle dostupných informací - videa uložena), tak DailyMotion nabízí videa ve formátu Ogg Theora a můžete si je tudíž pouštět ve Firefoxu 3.5+.

Do HTML5 verze není třeba DailyMotion nijak přepínat. Pouze místo na www.dailymotion.com stačí zajít na openvideo.dailymotion.com.

Ovšem to nejzajímavější jsou experimenty, které DailyMotion na videech provádí. Zatím je můžete vidět jen na demo stránce - najdete je v menu vlevo od videa.

Kromě otáčení videa nebo vytváření fotogalerie z běžícího videa, najdete i klasické filtry jako je rozmazání nebo edge-detection (za běhu videa pomocí JavaScriptu v prohlížeči). V téhle podobě nemají velký praktický smysl, jsou zde jako ukázka možností a možná že i předzvěst budoucnosti.

Video na webu často chápeme jako neměnné a pevně dané, jenže ono je součástí stránky a lze s ním manipulovat. DailyMotion to svým experimentem dobře ukazuje. Navíc ukazuje, že manipulace s videem pomocí JavaScriptu nejsou nereálné. Vzpomeňte, že ještě takové dva, tři roky zpátky bychom tomu asi nikdo nevěřili. Dnes už věřit můžeme. Možná to ještě neběží tak rychle, jak bychom si přáli, ale je to hodně blízko.

Uvidíme, zda jednou nějaký videoserver přijde na to, jak takových možností využít i pro normálního uživatele.

BTW Problém s kodekem stále zůstává. DailyMotion si v HTML5 podobě pustíte jen ve Firefoxu 3.5. Údajně si ho snad můžete pustit i v Safari, pokud máte do QuickTime plugin přidávající podporu OGG (pokud byste s tím někdo měli zkušenost, dejte mi prosím vědět).

UPDATE: Daily Motion si navíc spustíte nejen ve Firefox 3.5, ale i v Chrome nebo Safari (pro něj posílají speciálně překódovanou verzi videa).

pátek 22. ledna 2010

Už i Vimeo experimentuje s HTML5 videem

Včera jsem psal o spuštění HTML5 verze YouTube, dnes můžu přidat další videoserver.

Vimeo neváhalo a krátce po oznámení HTML5 na YouTube přišlo s vlastním oznámením. I videa na Vimeu si nyní můžete přehrávat bez Flashe, jen za pomoci technologie HTML5 (značka <video>). Stačí otevřít jakékoliv video a zvolit odkaz "Switch to HTML5 player" napravo dole od něj.

Omezení jsou stejná jako na YouTube, musíte mít prohlížeč Google Chrome nebo Safari a nefunguje přehrávání videa ve fullscreenu.

Autoři Vimea zdůrazňují, že se zatím jedná jen o beta test. Přesto obsahuje jednu výhodu, kterou základní Flash přehrávač Vimea nemá. V HTML5 verzi můžete ve videu bez problému a celkem plynule přeskakovat dopředu i do dosud nestažených částí videa. To Flash přehrávač Vimea neumí, u něj je vždy nutné počkat na postupné stažení videa.

čtvrtek 21. ledna 2010

Google spouští HTML5 verzi YouTube. Bez reklam.

Google včera oznámil spuštění verze YouTube používající možnosti přehrávání videa HTML5. Vedlejším efektem je, že se vám při přehrávání videa nezobrazují reklamy.

Nové značce <video> z HTML5 se věnuji od počátku tohoto blogu, můžete zde tak snadno najít téměř celou její historii. Detailnější popis najdete v příspěvcích Zkoušíme audio a video v Safari a Ukázka podpory videa ve Firefoxu 3.1.

HTML5 variantu YouTube si můžete aktivovat na stránce http://www.youtube.com/html5 Podporovány jsou pouze prohlížeče Google Chrome a Safari (Firefox sice HTML5 video umí, ale neumí kodek, ve kterém jsou videa YouTubu - tuším se jedná o H.264).

Po přepnutí můžete používat YouTube stejně jako dřív, s tím že se vám videa místo ve Flashovém přehrávači budou přehrávat přímo v HTML; zkuste si to na libovolném videu. Na některých stránkách se mi i přesto videa přehrávala ve Flashi (např. na stránkách s uživatelskými profily nebo u embedovaného videa na webech třetích stran).

Jediným omezením, na které jsem narazil, je absence fullscreenu. Tu totiž Chrome ani Safari nemají, v tuto chvíli ji podporuje asi jenom Firefox.

Závěr

HTML5 verze YouTube je (až na onen chybějící fullscreen) použitelná a můžete si ji bez obav sami zapnout, ať již jen na zkoušku nebo na trvalo.

Jedná se o ukázku dalšího mezníku, který technologie ze sbírky HTML5 dosahují. Je to ovšem ukázka omezená - verze YouTube, která by fungovala pomocí HTML5 v každém prohlížeči, se totiž jen tak nedočkáme. Problémem je zatím neexistující jednotný kodek, který by byl schopen splnit požadavky všech výrobců prohlížečů. Ovšem podobné snahy jako je HTML5 verze YouTube nebo ThePiratBay v HTML5 mohou hledání jednotného kodeku akcelerovat.

čtvrtek 2. července 2009

Jednání selhala. Společný kodek na Webu se nekoná

Více než rok probíhaly diskuse s výrobci prohlížečů (částečně za zavřenými dveřmi) ve snaze nalézt dohodu a najít kodek pro video a zvuk, na kterém by se všichni dohodli.

Jak ovšem Ian Hickson včera oznámil, jednání selhala. Situace je následující:
Apple odmítá implementovat Ogg Theora do Quicktime (který je využíván prohlížečem Safari), zmiňuje špatnou hardwarovou podporu a nejistotu v oblasti patentů.

Google do Chrome implementoval H.264 a Ogg Theora, ale nemůže nabídnout licenci na kodek H.264 třetím stranám, které distribuují Chromium, a je také přesvědčen, že kvality Ogg Theora nejsou zatím vhodné pro nasazení na hojně navštěvovaný YouTube.

Opera odmítá implementovat H.264 citujíc nehoráznou cenu za potřebné licence.

Mozilla odmítá implementovat H.264, jelikož není schopna získat licenci, která by se vztahovala na její další distributory.

Microsoft se k podpoře značky <video> vůbec nevyjádřil.
Jak sami vidíte, jedná se o bludiště, ze kterého v tuhle chvíli nevede žádná cesta ven.

Co to znamená?

Nic nového. Web a média na webu zůstává taková, jaká je známe dnes. Aliance Open Video nebo konference o open videu budou i nadále pokračovat, je ovšem otázka, zda budou mít nějaký smysl.

Ian Hickson k tomu dodává:
Při pohledu do budoucnosti vidím dvě možnosti (vzájemně nevýlučné), obě by mohly nastat ale až za několik let:

1. Kodek Ogg Theora se bude nadále zlepšovat. Objeví se hadware obsahující chipy s podporou Ogg. Google jej bude distribuovat dostatečně dlouho, aniž by jej někdo žaloval a obava Applu ze skrytých patentů již nebude tak veliká. Následně se Theora stane de facto standardním kodekem na Webu.

2. Vyprší zbylé patenty H.264, které vlastní společnosti, jež je odmítají volně licencovat, tak bude možné distrubuovat H.264 bez licenčních poplatků a H.264 se stane de facto standardním kodekem Webu.
Já tady vidím ještě třetí možnost, byť si nejsem jist, nakolik je realizovatelná. Jak již historie webu ukázala, pro prosazení nějaké novinky není vlastně nutné, aby výrobci prohlížečů onu vlastnost implementovaly, stačí, když v nich lze alespon do jisté míry emulovat.

Pokud by se ukázalo, že taková emulace (v tomto případě pro kodek Theora OGG, protože emulovat H.264 by z licenčních důvodů asi opět nešlo) je dostatečně výkonná (ať už poběží v Javě, Silverlightu, Flashi nebo samotném JavaScriptu), pak není co dále řešit. Je otázka, jak dobře by takovou emulaci dnešní hardware zvládl. Během let se ovšem i tahle bariéra bude snižovat a proto tady jistou šanci vidím.

Video ano, otevřený formát ne

Boj o otevřené video nebo o jednotný formát videa na webu (říkejte si tomu jak chcete) skončil neúspěšně. On ovšem neúspěšně vypadal už na začátku. Výrobci prohlížečů totiž zaspali. Kdyby tenhle problém řešily před lety, těsně před velkým nástupem videa na webu, dalo se možná něco ovlivnit, dnes už jen slepě přihlížejí a příliš prostoru nemají.

Jejich chyba. Nekorunovaným králem videa je a nadále zůstává Flash a formáty, které podporuje v této verzi, nebo bude podporovat ve verzích následujících.

středa 16. července 2008

PersistJS pro překonání cookies

PersistJS je JavaScriptová knihovna uchovávající (perzistentí) data na straně klienta. K tomu používá všechny možné prostředky od úložišť HTML5, přes Google Gears po Flash.

Knihovna nabízí jednotné rozhraní, programátor tedy nemusí řešit, jaké úložiště se ve výsledku použije, zda běží v prohlížeči s podporou HTML5 nebo zda se prostě použije Flash. Data se ukládají v jednoduché formě klíč + hodnota:
// create a new client-side data store
var store = new Persist.Store('MyDataStore');

// pretend data
var data = "pretend this is really long data that won't fit in a cookie";

// save data in store
store.set('saved_data', data);

Autorem knihovny je Paul Duncan. Verze 0.1 je první vývojovou verzí a autor přiznává, že se v ní ještě mohou objevovat chyby.

Knihovny jako je PersistJS pomohou elegantně překlenout období, ve kterém novinky HTML5 budou v některých prohlížečích podporovány a v jiných nikoliv. Pokud cookies pro vaše aplikace nestačí, doporučuji vývoj PersistJS sledovat.