theora

Quant al vídeo obert i molt més aquest 22 de maig a València

Arran d'un apunt a SomGNU al voltant de la qüestió sobre el vídeo a la xarxa, he mirat de veure com funcionaven els vídeos oberts enllaçats al meu bloc, en format Ogg Theora, a diferents navegadors que ja reconeixen l'etiqueta video.

Astorat, m'he adonat que no funcionaven ni a l'Opera ni al Google Chrome, però sí en canvi al Firefox. Després de barallar-m'hi una estona, m'he adonat que el problema era que el servidor estava comprimint aquests fitxers ogv (consulteu DEFLATE) i això afectava llur reproducció. Un cop modificats els paràmetres del servidor, també he pogut visualitzar els vídeos en aquells navegadors.

Com a recordatori, si feu servir el Safari, cal que instal·leu abans els components Quicktime de Xiph.org. Per altra banda, per al Safari del Windows m'he trobat amb problemes, per sort, no és un navegador gaire popular en aqueix sistema.

Firefogg - Vídeo obert fàcil amb el Firefox

FirefoggEn els anteriors apunts sobre el vídeo obert he parlat de com crear pel·lícules en format Ogg i inserir-les a nostres pàgines web, oferint quan s'escaigui els vídeos també en altres formats per als navegadors menys avançats.
L'eina més recomanable d'entre totes aquelles que he pogut provar és ffmpeg2theora però, en haver-se d'executar des de la línia d'ordres, pot intimidar als usuaris més neòfits.

Vídeo per a tots els usuaris (OBJECT & EMBED) - El meu aquari Tanganyika

Després de barallar-m'hi una mica, penjo una versió del codi de l'apunt anterior substituint el Javascript del Flowplayer pel sistema d'etiquetes clàssic object i embed. D'aquesta manera és més fàcil extrapolar què he fet per a altres casos (per exemple, amb un vídeo flash del Youtube). I, de passada, estalviem també una mica de Javascript… El codi que queda és necessari pel comportament particular del Safari 4 amb l'etiqueta video, tal com enllaço en el text explicatiu de l'altra versió.

Avís: Amb l'IE6 i l'IE7 pot caler recarregar la pàgina per a poder visualitzar el vídeo correctament fent servir aquest mètode. No n'he trobat la causa del cert, però m'imagino que podria estar relacionada amb el sistema de gestió de la memòria cau d'aquest CMS. Tingueu-ho present si veieu que l'espai del connector Flash apareix en blanc en aqueixes versions.

Vídeo per a tots els usuaris - El meu aquari Tanganyika

En un anterior apunt parlàvem de com generar vídeos oberts des del Mac OS X; però com també vam veure, malauradament no tots els navegadors poden reproduir-los encara.

Davant d'aquesta circumstància, i per tal que tothom pugui veure els continguts, però oferint alhora preferentment l'opció de vídeo obert (Ogg Theora+Vorbis) a aquells navegadors que el poden ja reproduir per defecte, he seguit les instruccions que es poden trobar en aquesta excel·lent guia: Video for Everybody.

Per al vídeo de Flash, que he generat a partir de l'MP4 amb l'Avidemux, utilitzo un reproductor lliure que he instal·lat al meu lloc web: Flowplayer. Podreu adonar-vos que aquest reproductor de Flash funcionarà per exemple amb un Firefox 3 amb el connector pertinent, però no en canvi amb el Firefox 3.5; atès que aquest darrer executarà directament el vídeo en format ogg. Com a element addicional, també incloc el vídeo en format MP4, que hauria de preferir-se a navegadors com el Safari 4 quan no estiguin instal·lats els components XiphQT (necessaris per a reproduir Ogg amb el connector del QuickTime).

Com a exemple, una panoràmica del meu nou aquari Tanganyika i alguns dels seus habitants. Més a sota (en la visualització completa de l'apunt), podeu veure el codi emprat. En principi, des de la majoria de navegadors es podria veure el contingut (amb la instal·lació del connector Flash quan s'escaigui).

He d'admetre que, perquè rutlli si més no als navegadors més habituals, he hagut de dedicar més estona del que hagués imaginat. Per motius que desconec, i que em tocarà informar al projecte, no he pogut servir el mètode clàssic d'Embed/Object amb el Flowplayer, i he hagut de recórrer al Javascript (que tot i així em sembla que és la forma que recomanen). En un altre apunt podeu veure com seria el mateix emprant aqueixes dues etiquetes.

Per altra banda, el Safari 4 sembla que ignora el paràmetre controls de l'etiqueta video i ens obliga a utilitzar una mica més de JavaScript per tal que no hàgim de posar necessàriament la reproducció automàtica (autoPlay) per a poder visualitzar el vídeo.

La veritat és que hagués preferit que hi hagués hagut menys JavaScript en tot plegat; però a causa de les limitacions actuals d'alguns navegadors i perquè, en definitiva, l'HTML 5 i noves etiquetes com la video encara no és quelcom plenament definitiu, cal entendre totes aquestes complicacions addicionals.

Espero que la meua experiència serveixi per a tothom qui es plantegi començar a treballar amb les possibilitats del vídeo obert en la vida real. Gent com la de Dailymotion ja porten uns mesos fent-ho...

Subscribe to RSS - theora