Chtěli jste video v HTML5? Tady jej máte! (test)
17 Únor 2010
89 Komentářů
3 319 návštěv
Autor: Vláďa Janeček (pro SuperApple.cz napsal 1001 článků)
Vláďa používá počítače Apple již šestnáct let a nestydí se za to a již více než deset let pracuje jako IT žurnalista. Všechen svůj čas věnuje komunitě prostřednictvím tohoto magazínu a je rád, že se vám líbí a měsíčně jej navštíví více než 80 000 unikátních návštěvníků!
Video přehrávané prostřednictvím Flash přehrávačů má své nevýhody v podobě vysoké zátěže na počítač, kterou kompenzuje dostupností na všech platformách. V diskusích jste chtěli také video v moderním HTML5 podání, můžete jej tedy vyzkoušet.
K přehrání potřebujete Firefox alespoň verze 3.5, Safari, iPhone, Android nebo Chrome verze 3. Vyzkoušejte video níže – pokud máte jiný prohlížeč než Firefox, můžete vyzkoušet také přeskakování ve videu i do míst, která ještě nejsou stažena.
Loading ...Berte prosím tento test jako skutečně test, rozhodně se nedá očekávat, že by hned zítra byla všechna videa zde přehrávána přes HTML5. Tedy mohly by být, kdyby neexistovat ten podivný Firefox :(
Tyjo video ani nevidim :-D To bude asi tim, ze pouzivam ten divny firefox :-D Jinak nemyslim si, ze by byl problem zrovna firefox spise ve starsich verzich IE to ted myslim obecne :-D je jasne, ze na vasem webu bude IE mit malinkaty podil. :-)
no staci si vyzkouset vimeo..
Pavel Buben: zkuste F5 teď, mohlo by už jít.
Fakt ten Firefox nemusím a při kódování přehrávače jsem nestíhal žasnout: všechny prohlížeče mohou podporovat klasické H.264/AAC v basic profilu, jenom Firefox ne – ten přehraje jen OGV (a ještě nesmí mít .ogv příponu, ale nelogicky .ogg). Takže kvůli Firefoxistům pro správnou funkčnost videa v HTML5 je třeba držet jedno video dvakrát. A to je problém, protože mediaserver, který používám pro streamování, OGG/OGV nepodporuje…
A navic Firefox (ted mysleno 3.6) nepodporuji HTML5 podle syntaxe, ale je potreba davat jine parametry nez ostatnim.
Funkční na iPhone (otevře se po kliknutí QT player), nepřehrává se přímo s Safari, ale to bychom chtěli moc .. :) .. jinak super .. :)
lulu: to ano :) Ale tento post není proto, abychom vyzkoušeli, jak to funguje vám, ale spíše jak to funguje nám :) Videa si od začátku do konce řešíme sami bez prostředníků, tudíž nové technologie je třeba nejdříve protestovat ze všech stran :)
Video jde, ale zvuk je posunuty.
Martin Yarcheeck: jaký prohlížeč?
Firefox 3.5.7 funguje, ale obraz předbíhá zvuk. Safari oproti tomu jede korektně a dokonce je i ostřejší. FireFox je docela znatelně rozmazaný :-(
Lohengrin: za rozjíždění zvuku může Firefox, za kvalitu pak kodek: zkrátka OGG/OGV je pri stejnem datovem toku viditelne mene kvalitni, nez H.264. Bohuzel Firefox jina videa nez OGG/OGV nepodporuje a podporovat nebude :(
to přeskočení na nenatáhnutou část mi nejede. Na Safari. JInak odstřel firefox, stejně je to debilní prohlížeč.
tak to se mi hodne libi – oproti tomu ve flashi znatelny rozdil (neseka, nezatezuje) a to ze to ma unifikovane ovladaci rozhrani alla quicktimex, ktere se pri prehravani schova je pomyslna tresnicka na dortu. Takze chapu obavy a chovani adobu z tehle konkurence. A ke vsemu jestli to chapu dobre, tak za to pisalci kodu nikomu neplati (html5) zatimco flash nastroje zdarma rozhodne nebudou. Urcite je lepsi mit ovladaci prvky vzhledove sjednocene systemem nebo prohlizecem nez se divat na dnesni gulas, kdy si kazdy vymysli to svoje aktivni okno s videem, ktere kopiruje od youtubu (a ktere je aspon podle me dost hnusne…).
v safari to ide v pohode, ale chyba mi tam fullscreen…
iPhone 3GS a vsetko je v poriadku, super :)
Len ono to HMTL5 je tiez bota… bude to spoplatnene, je to zadarmo len zatial :)
babo: co bude zpoplatnene? Interpretace tagu v prohlizeci? Ja by to kdo realizoval?
Endman: fullscreen musi podporovat prohlizec, Safari takhle daleko jeste neni, posledni nighty built webkitu to ale jiz umi…
p.sonny: u mě na Safari funguje – kliknu kamkoli dopředu a začne se přehrávat.
Firefox bohužel používá 37 % z vás, což je hodně materiálu na odstřel :(
Super, a jede to i přímo z NetNewsWire, takže když bude rss obsahovat video, tak není nutné ho pouštět v externím prohlížeči. Jo kdyby se to tak rozšířilo…
Pida: no, RSS video spíše obsahovat nebude :)
Sakra :-) Nojo co se dá dělat, no rozhodně bych se tím rozmazlit nechal .-)
Ještě abych se vyjádřil jasně, ono by to samo o sobě nevadilo, protože když mě přijde článek do rss, tak první věc co udělám je, že zmáčknu šipku doprava a článek se otevře v novém tabu NetNewsWire a když dané video obsahuje flashové video, musím článek otevřít v externím prohlížeči. Při použití této technologie nemusím, protože mě video prehraje už interní prohlížeč v NetNewsWire.
Nádhera, vše běží na poprvé parádně. Safari 4.0.4, SL 10.6.2. Od teď prosím vše takto! =)
ja mam iphone 3G a nejde mi to ?vcem je chyba?
Vlada: no takto, ten nativny H264 pre HTML5 je zadarmo len zatial
Testoval som to na:
Safari – video pekne a ostre, hlas ide presne s videom
Firefox – video rozostrene, hlas zaostava za videom
Camino – video nie je vidiet
Dufam , ze nasadite html 5 na ostro :-)
babo: ten nativni H.264 je primo v prohlizeci, nebo v HTML. To tedy budou dve verze prohlizecu: free bez H.264 rutiny a placena s H.264? To je prece nesmysl…
Velsky: Camino pouziva jadro z Firefoxu o generaci starsiho, ktere html5 neumi..
A na ostro hned tak nenasadime, stale je zde spousta Firefoxaru a lidi s IE :(
ale myslim, ze tvorcovia prehliadacov za to budu musiet platit a niektori mozno H.264 nativny vyradia, moze sa to stat
babo: a kteri z tech, co to podporuji, by to mohli byt? Zadni. Firefox platit nechce a takto to dopada. O Safari se bat nemusime, protoze de-facto H.264=Apple, o Chrome taky ne, protoze jej Google ma licencovan i do telefonu a vsude. A prohlizece Microsoft HTML5 ingoruji…
Na Chrome funguje,len je rozostreny obraz trosku a zvuk sa rozchadza s obrazom.Na iPhone 3GS super.
ja mam iphone 3G OS 3.1.3 a nejde mi to ?vcem je chyba?nevidim tam ani
zadnej link na QT player?
Safari – vše ok video ostré, jde přeskakovat dopředu i do části, která ještě není načtena
Chrome – video je mírně rozostřené, zkus předchází obraz
Opera – video se ani nezobrazí.
Primárně používám Safari, takže u mě ok :-)
Hm, blbe, ventilator huci rovnako ako pri flashi. :( Safari (posledne), Leopard, biely MacBook … Som myslel, ze to bude zatazovat menej, ale pohybovalo sa to okolo 70%.
uz som to vyriesil mal som vypnute plug-in
Ty Jo, funguje skvěle. Jak na MacBook Pro v Safari, tak v iPhone 3G. Zdá se mi to výborný a přimlouvám se za tuto verzi :-)
Doplněno: Chromisti, vyzkoušejte nyní – trochu jsem pordil, již by mělo být kvalitnější a nemělo by se rozjíždět zvuk…
Supr diky, jsem rad ze jsem prudil :-) Procesor ted jede na sotva 30% :-) Jeste jeden dodatek, rad bych si nacetl video kd ychci ja a ne automaticky, slo by to udelat na cudlik? Dik
V Safari funguje prehrávanie videa, ale nenašiel som možnosť ako vypnúť prehrávanie video obsahu. Ak je na stránke akýkoľvek obsah vo flash stačí v předvolbách v Safari zrušiť „ Aktivovat moduly“ a flash video vrátane reklamy nebude zobrazené, ani sa nebude sťahovať a tým zbytočne čerpať predplatené obmedzené dáta. Je v Safari je nejaká možnosť vypnúť prehrávanie HTML5 videa a tým aj sťahovanie dát.
Windows 7 – Chrome 4 – rozmazané, posunutý zvuk
Windows 7 – Safari 4 – vše o.k.
Vojtin: toto je záležitost prohlížeče a nelze to nijak ovlivnit. Hodně změn v tomto přináší aktuální webkit – je možné, že tam se to již chová jinak.
Stibor: toto omezit nejde. Pro přehrávání se neopoužívá žádný modul ani plugin, není tedy co vypínat nebo aktivovat, je to core funkce webových prohlížečů. Tato možnost v aktuální Safari není…
Bazi: stihnul jste ještě verzi před úpravou – flushněte cache v Chrome, mělo by to je ok…
Windows 7 x64, firefox 3.5.7 – v pohodě, zvuk i video
Windows 7 x64, IE8 – video se ani nezobrazi :(
Fiskus: pochopitelně, ten prohlížeč HTML5 a tag video nepodporuje…
Pod Chrome 4 běží, pod Opera 10.50 beta 1 taky i když z nějakého důvodu si myslí že je pouze 30s dlouhé a zkrátka po 30s to utípne.
jen tak dal!!!
Chrome 5.0.322.2 a Windows 7 x64 – funguje výborne
Vlada: no lenze to je ono vlastne. Je to sachova partia. FireFox nepodpori H.264 a je to v pytli. IE a FireFox to zial staci, aby sa HTML5 nepresadilo, ved len Microsoft sam kedysi zazdil QuickTime.
Otazka co Opera a ta sa tiez kludne moze pridat na stranu FireFox a to bude uplna konecna…
Apple a Adobe vzdy boli zadobre, ale kvoli flashu sa to meni.. Google a Apple vysachovavaju Flash a Microsoft (Apple ani nechce, aby Flash bol dobre optimalizovany pre Mac). Google ale zas naprdol Apple s ich telefonom. Tak Apple zas rokuje s Micorosftom, ze Bing vystrieda Google ako vyhladavac… Politika, ako vsade, ide predsa o prachy :)
SL 10.6.2 FireFox 3.6 – běží rozmazaných prvních 30s – víc ani ťuk, Safari 4.0.4 – běží parádně, zatížení procesoru se zvedne o cca 10% – pohodička. Teď jen aby do toho dodělali FullScreen a všichni na to přešli :-) Přimlouvám se za videa v HTML5 formátu. Někdo musí být “první”. Průkopníci to nikdy nemají jednoduché. Pro ostatní prohlížeče by pod videem mohla být poznámečka: pokud to Váš prohlížeč odmítá přehrát, zde máte download videa ve formátu – Flash, … Ostatně, znáte Digit? Raději si ty jejich videa stahuji než abych je přehrával ve flash.
Na Macu funguje v pohodě ve firefox i v safari. Na iphonu se otevře v quicktime a no problemo :-)
Pro Branok : to se ti na tomhle videu rotočil vubec ventilator? :-O ja teda na macbooku slýchávám větrák jen když konvertuju video jinak nikdy… Kde se ukazuje aktualní zatížení procesoru atd ?
Opera 10.10 – nefunguje
FF 3.6 + Win7 a video jede v pořádku. Funguje i přeskok na jinou část videa …
No na PC cez IE 8 ani neviem kde sa to video nachádza neni tam ani náznak. Pri Safari na iPhone som videl len rámik, ale po kliknutí sa otvorilo a prehralo v pohode.
Také se přidávám k tomu, aby bylo video primárně v HTML5 v H264 (dostupne z iPhone) a alternativně ve Flashi. Na iPhone 3G s posledním FW funguje krasne.
som za HTML5 videa, oproti flashovemu 26% CPU rozdiel (v prospech html5, samozrejme), viem ze prehliadace este maju co dohanat napr. fullscreen ale technologia a konkurencia napreduju rychlo :)
heptau: no na iPhonu jsou uz jak dlouho dostupne nase videa v clancich bez problemu na jedno klepnuti, ostatne vsechna nase videa jsou vyhradne v H.264 :)
babo: Opera ohlasila, ze bude podporovat OGG, to se jiz vi. Microsoft bude podporovat H.264, ostatne ma ho ve Windows 7 jako nativni kodek uz z vyroby. Pro proovzovatele webu to znamena problem: mit video ve dvou ruznych formatech (coz je problem i z toho duvodu, ze neexistuje zadny mediacenter pro streamovani OGG/OGV obsahu). Nic z toho clovek ve Flashi dělat nemusí, ten mu H.264 verzi přehraje všude. Takze z pohledu nakladu je pro mne nasobne levnejsi delat videa via flash, než pres HTML5. A u toho Firefoxu je to jeste zajimave – verze 3.5.x H.264 podporu mely, 3.6 uz ne…
to: Michal Binar – CPU, disk, memory, network, vše do menu – Menu Meters – http://www.ragingmenace.com/ je to Preference Pane a považuje to za základní drobnost do systému.
Chrome 4 WinXP nic nehraje… youtube/html5 mi v pohode jede…
Marťas říká:
Opera 10.10 – nefunguje
Já říkám:
Opera 10.5 – funguje
2 Vlada Janecek: … “a ještě nesmí mít .ogv příponu, ale nelogicky .ogg” …
Na tom neni nic nelogickeho. Ogg je kontejner (stejne jako je napriklad Avi) a je prakticky jedno co obsahuje (zvuk nebo zvuk+obraz apod.).
Nicmene je pravda ze Xiph.org doporucuje pro Ogg, obsahujici video, priponu “.ogv” aby se z toho mene logicke operacni systemy (tedy ty, ktere se neorientuji dle obsahu, ale dle pripony) nezvencly.
Tak já mám WinXP CZ, FF 3.5.7 zvuk v pohodě, obraz trošku rozmazaný, ale přehraji jen prvních 30s. Na iPhonu 3GS v pohodě.
Vlada: ja myslim, ze ten FireFox moze byt prva lastovicka a stale sa moze nikto pridat.
IE je out zas niecim inym, ze HTNML5 ignoruje.
Fungovalo i s přeskakováním na naloadované části a to ve Firefoxu 3.5.7 (Win XP prof. SP3).
Proč je Firefox prapodivný – na Mac verzi to nefunguje?
Aha, tak jsem se tu už dočetl, FF3.6 má problém…
Na mém MacBooku: Safari 4.0.4 jede, Chrome 5.0.307 beta jede, Opera 10.10 – video se ani nezobrazí, FireFox 3.5.7 – zobrazí se a přehraje jen 30 s videa
Pida: v netnewswire si v preferences -> browsing -> web pages -> web content zaskrtni “Enable plug-ins”. Pokud mas nainstalovany flash plug-in melo by ti video ve flashi, podle me, behat (me funguje).
cwe: Díky, úplně se stydím, že me nenapadlo se do preferences netnewswire vůbec podívat.
Tak SeaMonkey video přehraje, ale pouze prvních 30 vteřin, zpočátku rozjeté synchro video/zvuk (jak už tu bylo zmiňováno). Ostatně, žádné překvapení, když to používá renderovací jádro z FF…
Safari 4.0.4 – paráda, video v plné délce, ostřejší.
No, 10.6.2. Safari 4.0.4., super obraz, všech 8 jader se „fláká“, no flákali se i při flashi ale občas si nějaké poskočilo. Je to papaňa.
Safari 4.0.4 ANO
iPhone 3G NE
Vláďa Janeček (autor článku) říká:
Lohengrin: za rozjíždění zvuku může Firefox, za kvalitu pak kodek: zkrátka OGG/OGV je pri stejnem datovem toku viditelne mene kvalitni, nez H.264.
No nemalo by tomu tak byt:
http://people.xiph.org/~greg/video/ytcompare/comparison.html
Funguje to vyborne aj na iphone :)
čistě jako laický uživtel nerozebírám, proč ani jak, ale na Safari v MBP i v iP. to jede velmi pěkně – dělejte tak vše!
me to ve firefoxu 3.6 jede korektne.zvuk nepredbiha video nebo naopak. i fullscreen jede :)
Safari 4.0.4 (Mac) skvěle. Větráček ani neslyším. Zprávy taky supr, jen tak dál! :)
Fullscreen umí WebKit ne v posledním nightly buildu, ale v posledních několika desítkách buildech! Od té doby, co tam ta podpora je, už bylo dokonce Safari jednou aktualizované (na 4.0.4), bohužel to nedoplnili… ale co, je mi to vlastně jedno, WebKit je stejně rychlejší :)
iPhone 2G, OS 3.1.2 – Video se dlouho nacita a pak ohlasi nepodporovany format.
iPhone 3G 8GB 3.1.2 JB – funguje parádně :-)
Inak maly test na iMAc 24” 3.06GHz Nviadia 130GT. Procesor idle pocas videa v priemere 88%, takze perfektne. Pozeral som potom ine video vo FLASH a cez HTML5, pri FLASH idle procesor uz len asi 65%, pri HTML5 okolo 86%
Toto sa musi kazdemu Apple uzivatelovi pacit :)
video vidim, ale bylo by fajn, kdyby tam přestal mydlit s tou rukou jako ňouma. A nečti to, mluv z patra, zbytečně se zakoktáváš. :). Je to skvělý.
Někde jsem viděl že H264 bude na příštích pět let uvolněn zdarma, to by mohlo vyřešit problém s firefoxem :)
Video krásně funguje, Windows 7 + Firefox. Zkusím večer doma na iMacu.
b-s-h: jo a po pěti letech bude muset Mozilla nějak donutit všechny uživatele FireFoxu aby tento okamžitě přestali používat. Hmmmm
Prostě program který je k dispozici ke stažení zdarma a není nijak regulováno na kolik počítačů si jej někdo nainstaluje si těžko může risknout podporovat H264.
Doufejme že majitelé patentů na H264 dostanou rozum a uvolní alespoň přehrávání zadarmo na neomezenou dobu. To že majitelé webů budou platit za překódování do H264 licenční poplatky pak třeba některé jedince přesvědčí o tom, že přístup Mozilly byl velice rozumný :-)
Přikláním se k názoru Petra Baláše, že by kodek pro přehrávání měl být zdarma .. a to všeobecně (výrobce si jen blokuje cestu bez výraznějšího efektu) a jeho cílem je, aby co nejvíce lidí si mohlo jeho video přehrát .. což bude mít za následek, že o to víc bude tlak na výrobce videí, aby si pořídili jejich algoritmus ..
Testovano v Safari, naprosto super :-)
Aktuální Apple novinky
Rubriky
Podpořte SuperApple.cz přes PayPal
Komunitní reklama
Výměnná reklama
Nejnovější komentáře
Naše Facebook skupina
Zajímavé odkazy
WebArchiv – archiv českého webu
ProApple bazar
Něco o nás
Naše vydavatelství začalo 1. ledna 2009 vydávat internetový magazín SuperApple.cz, který se věnuje světu počítačů, mobilních telefonů a multimediálních přehrávačů společnosti Apple. Po roce na trhu se stal natolik nedílnou součástí našich životů, že jsme se rozhodli mu věnovat naplno. A nejen mu: další tématické magazíny o Apple momentálně připravujeme, stejně jako samostatnou edici tématických knih.
Takže ano: jsme mladí, dynamičtí, rostoucí a beznadějně jableční...
Nejvíce komentované
Nejčtenější články