Firefox 3.5 a video tag

3.5.2009 21:02 | Přečteno: 2002×

Před chvílí jsem přeložil beta verzi firefoxu 3.5 a hned jsem se jal vyzkoušet podporu video tagu z HTML5. Co k tomu říci - prostě to funguje.

Co to umí? Video tag se chová podobně jako IMG tag, zkrátka na dané místo na stránce se zobrazuje video, které je na začátku zapauzované. Podobně jako obrázek lze video otevřít v samostatném okně, nebo uložit. Bohužel podpora je zatím jen "beta", tudíž nepodporuje automatické opakování videa, a UI ještě není úplně dobroušeno (např. dokud se video nestáhne, nelze ho zobrazit samostatně atp.) Podporovány jsou zatím jen kodeky theora/ogg v kontejneru ogv. Sbírka videí pro testování je například na adrese http://tinyvid.tv.

Mně osobně toto udělalo velkou radost, jelikož to znamená zpřístupnění video obsahu na webu standardní a otevřenou cestou. Líbí se mi, že podpora pro video je zabudovaná přímo v prohlížeči (podobně jako pro obrázky), a tudíž není řešena vkládáním externího přehrávače.

Podle dostupných informací obsahuje hodně známých prohlížečů v nové verzi podobně koncipovanou podporu pro tag video, jediný o kterém jsem podobnou zprávu nezahlédl, je IE (překvapivě). Známý server youtube se zatím staví k používání tohoto tagu velmi zdrženlivě. Jsem také velmi zvědavý, zda se Adobe nebude snažit tento způsob přehrávání videa bojkotovat.

       

Komentáře

[Jendа]

Hezké. Jenom škoda té Theory... Já vím, naši kolegové ze země neomezených možností by nic jiného přehrávat nemohli... Uvidíme, jak se to chytne v dalších prohlížečích, zejména v tom nejpoužívanějším. Tipuji to na verzi IE10.

[pht]

Já myslím, že technologicky by nebyl problém použít ffmpeg, čímž by se otevřel přístup ke kvantu formátů včetně mpeg4 avc. Spíš je problém na druhé straně barikády: theora se nelíbí uzavřenistům (Safari apod.), takže HTML5 momentálně neobsahuje žádné doporučení ohledně podporovaných formátů. IE pokud vím bude po verzi 8 končit, což je ale zpráva tak fantastická, že se jí bojím uvěřit ;)

[pools]

máš k té poslední větě nějaký odkaz? dneska není apríl, nebo sem něco zapsal?

[xxxs]

gazelle

[pht]

IE8 May Be End of the Line For Internet Explorer

[Vin]

 

IE pokud vím bude po verzi 8 končit, což je ale zpráva tak fantastická, že se jí bojím uvěřit ;)

Jistě, stejně jako kdysi končilo IE 6.

 

[pools]

ja myslim ze si budou stat za silverlightem a podpora pro neco podobneho se tam bude dostavat jen velmi pozvolna...

[kralyk z abclinuxu]

Co je na theoře špatného? Je naprosto open, ne?

[Jendа]

A to video je při stejném bitrate mnohem horší, než u konkurence (třeba z rodiny MPEG4).

[phax7]

Jednou nějaký typos napsal na blogu jaké je to hrůzka, jak je to strašlivé, od té doby to všichni opakujou.

Je to absolutně free, to je na tom to boží. Mozilla do toho lije prachy aby se to zlepšilo.

[Grunt]

Přílohy:

• 446-theora.png (150219 bytů)
• 446-thusnelda.png (129745 bytů)
• 572-theora.png (155818 bytů)
• 572-thusnelda.png (166374 bytů)

Mozilla do toho lije prachy aby se to zlepšilo.

Pokud myslíte Thusneldu, tak nevím. Je pravda, že má mnoho voleb, kterými se to dá všelijak optimalizovat, ale čistá Thusnelda zatím nic moc. Projel jsem stejné video jako v předchozím případě stejnými volbami, velikosti by také téměř sedly, ale výsledek. Snad se to jednou stabilizuje.

Akorát mi teda asi nějak uniklo, že do ní leje prachy Mozilla.

[Petr Tomeš]

 

Akorát mi teda asi nějak uniklo, že do ní leje prachy Mozilla.

why open video?

[Petr Tomeš]

Making video a first class citizen of the Web (pokroky)

[Grunt]

Díky ti Tomeši. Na druhou stranu by opravdu mohli zasponzorovat nějaký ten kodek(ať už Thusneldu nebo Snow).

[Grunt]

To sice jo. Ale pro standardní internetové video bych si představoval rozlišení 640xY, bitrate videa mezi 512kbps-1Mbps a zvuk 64kbps a není to zas tak strašné. Řekl bych, že se to celkem vyrovná některým videům z YouTube(Tam za to sice nemůže VP6, ale to moc nehraje pro tento případ roli) a tam to nikomu moc nevadí.

[Kvakor]

Nekterým poskytovatelům videa se také nebude líbít snadná "stahnutelnost" onoho videa, přece jenom z flashových přehrávačů, které jsou do stránky vkládané (často obludným) Javascriptem, se video vytahává mnohem hůře. Posledně jsem musel u jednoho serveru dokonce použit odchytávání paketů, abych zjistil, odkud to zatracené video vlastně tahá. Něco takového by znamenalo pro "běžného uživatele" nepředstavitelnou překážku, leda že by někdo napsal aplikaci, která by automaticky detekovala stahovaná videa a ukládala je.

[Stevko]

Jednoduchsie je zohnat rozsirenie do browsera, ktore zobrazuje vsetky http requesty od browsera a vytiahnut adresu odtial. Pre Firefox odporucam rozsirenie s nazvom "Tamper Data" (to dokaze pred odoslanim request aj menit, co sa niekedy moze dost zist). Pre Epiphany som videl HTTP Live header (alebo tak nejak, tusim aj v FF je to iste) a pre ine browsery neviem.

[pc2005]

Bohužel i proti tomu jde udělat nějaká ochrana. Myslím, že jsem se jednou nebo dvakrát setkal s videem, kde se vypočítával nějaký hash z aktuálního sezení a i po odchycení wiresharkem to wget nemohl stáhnout. A o streamovaném videu nějakým proprietárním protokolem radši ani nemluvě...

[pht]

Čím populárnější jejich služba bude, tím víc bude cirkulovat stahovacích utilit, ať už se budou snažit jakkoliv. Je to ve výsledku zase jen bič na poctivce.

[pc2005]

Já se hlavně bojím toho, že se nakonec do flashpluginu integruje nějaká šifrovací knihovna a nezávislé stahování videí se pak bude rovnat nějakému crackování programu.

[pht]

Když se to tam nechá dojít tak to tam bude.

[Limoto]

A k čemu mi to bude, když to video není přes HTTP?

[kotyz]

U vetsiny flash videi staci pockat dokud se nenacte cely a pak si akorat zkopirovat ten soubor s videem z /tmp a prejmenovat ho na neco.flv. Ale uz sem narazil i na takovy, kde se to takhle neukladalo, holt meli nejakou vetsi ochranu. Na youtube to ale takhle normalne funguje.

[Salamek]

takhle to dělam s fleshovyma hrama

[Jan Grmela]

 Taková aplikace už funguje -- ClipNabber, KeepVid (na webu lze najít i bookmarklety na stažení HD videí z YouTube). Mnohokrát prověřeno jako funkční

[Grunt]

Pokud tím narážíte na RTMP, musím upozornit, že nestáhnutelnost nebyla jeho hlavním cílem. To je jen vedlejší efekt toho, že je to nový formát a není snadné z něj to video bez specifikace formátu vydolovat. Naštěstí se pomocí reverse engineeringu podařilo tento streamovací formát rozluštit a pokud si stáhnete zdrojáky gnashe přímo pomocí bzr, tak je tam utilitka utilities/rtmpget.cpp, která by se o dumpování měla postarat. Bohužel asi v současné době není moc funkční. Na IRC mi to vysvětlili tím, že se podařilo kompletně rozluštit RTMP protokol, změnilo se API hlavní knihovny, která se o RTMP stará, ale nějak nezbyl čas na upravení utlity. Každá pomocná ruka je prej vítána. A jinak všechno co jde přehrát musí také logicky jít uložit a zase stejně přehrát, teda samozřejmě krom ochrany DRM.

[Salamek]

nějaké screeny by byly ?

[Grunt]

Příloha:

• Snímek obrazovky-Beethoven Piano Concerto no. 5 by Claudio Arrau 2.png (195346 bytů)

Ježiš, to zas bude oheň na střeše. Jinak teda nevím, ale mě to funguje už delší dobu. Nepoužívají to oni už nějakou dobu na Wikipedii?

[pht]

Máte nějaký konkrétní odkaz?

Mimochodem například ukázka video tagu na w3schools nefunguje, protože tam mají nějaké wmv.

[Grunt]

Máte nějaký konkrétní odkaz?

Konkrétní odkaz na co?

Mimochodem například ukázka video tagu na w3schools nefunguje, protože tam mají nějaké wmv.

Na formátu videa nezáleží. Celé je to propojené přes gstreamer a ten zase používá v základu libav knhovny z ffmpeg, takže všechno co jde přehrát mplayerem či ffmpeg by mělo jít přehrát i v tagu video:

$ ldd epiphany | grep gst
        libgstinterfaces-0.10.so.0 => /usr/lib/libgstinterfaces-0.10.so.0 (0xb74d8000)
        libgstvideo-0.10.so.0 => /usr/lib/libgstvideo-0.10.so.0 (0xb74d1000)
        libgstbase-0.10.so.0 => /usr/lib/libgstbase-0.10.so.0 (0xb6579000)
        libgstreamer-0.10.so.0 => /usr/lib/libgstreamer-0.10.so.0 (0xb64c3000)

Kdyby se konečně měli v gststreameru k sesynchronizovaní s ffmpeg, tak by se dali přes tag video přehrávat i 720p H.264 akcelerované přes VDPAU(samozřejmě, kdyby se to všechno šikovně nastavilo).

[Grunt]

Příloha:

• Snímek obrazovky-HTML 5 VIDEO TAG.png (49308 bytů)

To s těma přílohama snad už ani není možné.

[pht]

Konkrétní odkaz na co?

Na tu wikipedii.

Na formátu videa nezáleží.

Ve FF jo. Nepoužívá žádné další komponenty v systému, jako je např. gstreamer.

[Grunt]

Na tu wikipedii.

Jakýkoliv článek s mediálním obsahem.

Ve FF jo. Nepoužívá žádné další komponenty v systému, jako je např. gstreamer.

Řekl bych že to bude jen otázka času. Osobně se mi libovolný kodek/kontejner líbí mnohem víc než jeden někým určený.

[Luboš Doležel (Doli)]

Mně ani ne. Hned tam začnou cpát proprietární zmetky.

[Grunt]

No a? Že je H.264 je používaný či ne-li dokonce nejpoužívanější standard, který má dávno docela dobré otevřené implementace jak pro kódování, tak dekódování a o rozdílech v efektivitě kódování mezi otevřenými variantami a H.264, H.265 či VP8 není třeba snad diskutovat. Akorát by se zase asi opakovali problémy s kodeky z dřívějších dob. Proto bych určil třeba jako fallback Theoru nebo něco podobného.

[Luboš Doležel (Doli)]

Proti H.264 nic nemám. Proti ASF/WMV jo.

[Grunt]

Proto ten fallback.

[Luboš Doležel (Doli)]

Jaký fallback? Že by dávali video ve dvou formátech? S tím se nikdo patlat nebude.

[Grunt]

…nebo něco podobného.

[Grunt]

A nebo proč ne? RealMedia má pro streaming hned několik formátů v jednom streamu(které se liší bitrate) a na YouTube jsou téměř všechny také ve dvou formátech(VP6 - standardní, H.264 - HD a ještě se lišící rozlišením a použitým zvukovým kodekem). Prostě se určí nějaký formát se kterým by nebyly problémy nikde(jak z licenčního hlediska, tak po stránce náročnosti či multiplatformnosti - Theora je horký kandidát) a krom toho nech si tam cpe kdo chce co chce.

[Grunt]

Příloha:

• Snímek obrazovky.png (21218 bytů)

A jo, oni tam mají i výběr a pokuď vše selže tak se použije Cortado. Myslel jsem si že je to právě ten video tag, jelikož i když jsem vypl všechny mediální pluginy, tak to hrálo. Že by to mohla být Java by mě ani ve snu nenapadlo(nedá se na to kliknout pravým).

[pht]

Jakýkoliv článek s mediálním obsahem.

Ten jsem byl právě líný hledat. Moc pěkné, jen tak dál.

Osobně se mi libovolný kodek/kontejner líbí mnohem víc než jeden někým určený.

To asi ano. Ono se to postupně ustálí na nějaké množině obecně používaných - jako u obrázků. Důvod proč je tam ogg viz wikipedia nebo něco.

[Grunt]

Důvod proč je tam ogg viz wikipedia nebo něco.

Pozor! Není. (Teda pokud se stále bavíme o HTML5)

[pht]

Já vím: myslel jsem to tak, že původně to měl být ogg. Teď se neví co to vlastně bude. :)

[Daniel Kvasnička ml.]

Ty ovladaci prvky dole, to jako fakt tak bude vypadat? Male a hnusne.

[pht]

No jo, kvasnička aby si nezanadával.

[Daniel Kvasnička ml.]

a ne snad? Se na to podivej, totalne to ignoruje UI systemu i prohlizece a je to nepomerne male....

[pht]

Sedni si a dopiš to, je to open source, narozdíl od těch flashovejch hovadin.

[Daniel Kvasnička ml.]

Ja Firefox nepouzivam pro prohlizeni webu, pouze pro vyvoj, takze absolutne nemam motivaci... coz mi ovsem nebrani to okomentovat.

[pht]

Tak to dodělejte do svého oblíbeného prohlížeče. Nebo snad používáte nějaký uzavřený?

[Daniel Kvasnička ml.]

Pouzivam Safari. Nightly buildy WebKitu umely video uz na konci r. 2007 a soucasna stabilni verze Safari ho umi normalne (s velmi minimalistickym, ovsem funkcnim rozhranim, jak je u Apple zvykem). OGG to ma udajne umet s pomoci XiphQT (QuickTime komponenta pro podporu OGG), ale osobne jsem to nezkousel.

[AsciiWolf]

Ale tohle je java applet...

[Grunt]

Přílohy:

• Snímek obrazovky-About Cortado.png (18418 bytů)
• video.png (234402 bytů)

No jo, sakra. Tak to je zrada(ale funguje…a dobře). Ale to druhé už není Java Applet:

configure:20778: checking whether to enable HTML5 client-side database storage support
configure:20787: result: yes
configure:20791: checking whether to enable icon database support
configure:20800: result: yes
configure:20804: checking whether to enable HTML5 video support
configure:20813: result: yes
configure:20817: checking whether to enable XPath support
configure:20826: result: yes
configure:20830: checking whether to enable XSLT support
configure:20839: result: yes

Akorát to teda má háček:

console message:  @1: Unsafe JavaScript attempt to access frame with URL http://tinyvid.tv/show/3mjsavwxpfu7u from frame with URL http://www.connect.facebook.com/extern/login_status.php?api_key=fd0c8a92d175beaafabd8a879b2adafd&extern=2&channel=http%3A%2F%2Ftinyvid.tv%2Fstatic%2Fxd_receiver.htm. Domains, protocols and ports must match.

[joe]

Nemusíš koukat do about boxu, máš tam text jako kráva

[kralyk z abclinuxu]

Takže bychom se mohli technicky vzato konečně obejít bez toho ****** **** **** *** ** *** ****** flashe?

[Salamek]

ano

[=^..^= AmigaPower®]

??? Proč mi to funguje i v 3.0.9 (win) ???

[vlastikroot]

Me to taky funguje, dokonce na linuxu.

[=^..^= AmigaPower®]

...kde asi udělali soudruzi z Mozilly chybu?

[cadic]

mě taky, firefox 3.0.8

[=^..^= AmigaPower®]

...doma to skusim na dvojce

[Marián Kyral]

This is the Java Cortado Applet version of the video player. For a better playing experience you'll need a browser that can playback Ogg media using <video> and <audio>. Firefox 3.1 nightly builds, Opera experimental builds and Safari with XiphQT installed can playback videos with varying degrees of success.

[=^..^= AmigaPower®]

นี่ คือ Cortado จาวาแอปเวอร์ชันของวีดีโอ. สำหรับการเล่นประสบการณ์ที่ดีที่คุณจะต้องมีเบราเซอร์ที่สามารถใช้เล่น Ogg สื่อ <video> และ <audio>. ของ Firefox 3.1 ทุกค่ำคืนสร้าง, โอเปร่าทดลองสร้างและซาฟารี XiphQT กับการติดตั้งสามารถเล่นวิดีโอที่มีองศาการเปลี่ยนแปลงที่ประสบความสำเร็จ.

[kralyk z abclinuxu]

Pán se uči thajsky?

[=^..^= AmigaPower®]

Né, pán demonstruje, že neumí anglicky...

[Marián Kyral]

Kdyby pán vložil trochu toho úsilí do naučení se několika základních slovíček, tak by na tom byl pán mnohem lépe...

Já začínal takovými jednoduchými slovy jako LOAD, SAVE, EXIT, QUIT

[vlastikroot]

... tyhle slovicka sou vsecky k nicemu ... jedine RUN vladne vsem

[kralyk z abclinuxu]

Imho nejdůležitější je rozumět slovním spojením s výrazy DELETE a OVERWRITE

[kotyz]

Jo, parametr --force-overwrite patril k mym oblibenym ...

[Fluttershy, yay!]

A REMOVE.

[=^..^= AmigaPower®]

...kucí, jakej je rozdíl mezi "SAVE AS" a "SAVE ASS"?

[default]

No to první ukládá pod novým názvem a to druhý plechuje prdel. V počítačové branži zpravidla Save As… znamená automaticky Save Ass.

[kralyk z abclinuxu]

To druhý má na konci jedno 'S' navíc

[default]

Jo, jo. Café cortado je dobrý. Jsem ho pil posledního půl roku. Teď zase posledních pár týdnů ujíždím na café con leche.

[Ondrej 'SanTiago' Zajicek]

Ted uz jenom doufat, ze nikoho nenapadne implementovat do prohlizece moznost odpauzovat video z javascriptu.

[joe]

To snad už jde, ne?

[Luboš Doležel (Doli)]

Nebo možnost zakázat přeskakování reklamních bannerů

[Grunt]

No, tak nevím. Provedl jsem srovnání s tím co nabízí na YouTube a Theorou a vůbec to nevypadá špatně. Hlavní výhodou by určitě byla nenáročnost:

Theora:
BENCHMARKs: VC:  62.202s VO:   0.022s A:   0.000s Sys:   1.801s =   64.025s
BENCHMARK%: VC: 97.1526% VO:  0.0337% A:  0.0000% Sys:  2.8137% = 100.0000%

H.264:
BENCHMARKs: VC: 104.439s VO:   0.024s A:   0.000s Sys:   2.819s =  107.283s
BENCHMARK%: VC: 97.3495% VO:  0.0224% A:  0.0000% Sys:  2.6280% = 100.0000%

A to má být prej Thusnelda 1.5x - 4x rychlejší než současná Theora. A pokud se jim podaří dosáhnout slibované efektivity komprese, tak by to u těch 2Mbps byla docela vážná konkurence.