{"id":7311,"date":"2019-05-03T10:07:19","date_gmt":"2019-05-03T15:07:19","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=7311"},"modified":"2019-05-03T10:07:57","modified_gmt":"2019-05-03T15:07:57","slug":"diseno-de-pagina-web-monterrey","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/diseno-de-pagina-web-monterrey\/","title":{"rendered":"Dise\u00f1o de p\u00e1gina web Monterrey"},"content":{"rendered":"

Dise\u00f1o de p\u00e1gina web Monterrey<\/h1>\n

Agencia de desarrollo web<\/h2>\n
\"Dise\u00f1o<\/a>
Dise\u00f1o de p\u00e1gina web Monterrey<\/strong><\/em><\/figcaption><\/figure>\n

 <\/p>\n

El tag <video> Uno de los espacios m\u00e1s pol\u00e9micos de la web<\/h2>\n

Dise\u00f1o de p\u00e1gina web Monterrey:\u00a0<\/strong><\/em>Hablar de v\u00eddeo en internet es hablar de ciclos, de batallas campales entre los CEOs m\u00e1s influyentes en el mundo de tecnolog\u00eda, de la compleja estandarizaci\u00f3n de un codec o de un player. Hay un avance importante con el tag <video> pero esto apenas empieza y mucha de la historia seguramente se va a repetir nuevamente.
\nRegresemos en el tiempo al a\u00f1o 2004. No exist\u00eda Youtube. Por lo mismo, si quer\u00edas alojar y compartir en un navegador cualquier v\u00eddeo te enfrentabas a dramas de plataforma, de ancho de banda y de problemas de usabilidad para el usuario final.
\nSi encontrabas alg\u00fan enlace que te llevara a ver videos en la web seguramente te sonar\u00edan los logos de Real Player, de Windows Media Player o incluso de Quicktime. Del lado del servidor los sysadmins ten\u00edan que pelear con Real Media Server, Windows Media Server que era parte del IIS y otro mont\u00f3n de opciones, pero era complicado unificar. Adobe por su parte hab\u00eda logrado importantes avances para que desde archivos .swf pudieras incorporar videos, pero no hab\u00eda un solo canal. ( Dise\u00f1o de p\u00e1gina web Monterrey\u00a0<\/strong><\/em>)
\nEn el a\u00f1o 2005, 3 j\u00f3venes dejaron de trabajar en Paypal y emprendieron el sue\u00f1o de crear una plataforma universal para compartir video. Ese a\u00f1o nace Youtube y el mundo fue un lugar m\u00e1s feliz.
\nParalelamente, Adobe demostr\u00f3 que su esfuerzo para crear un sistema para reproducir v\u00eddeo iba a ser valorado y aprovechar\u00eda el dominio que su plugin de flash ten\u00eda en todos los navegadores del planeta. Los sysadmins educaron a sus usuarios a crearse una cuenta en youtube y que dejaran de molestar con complejos servidores para alojar y reproducir v\u00eddeos. Todos hemos vivido m\u00e1s felices, Lady Gaga es cada d\u00eda m\u00e1s famosa y nyancat est\u00e1 educando a tus hijos. ( Dise\u00f1o de p\u00e1gina web Monterrey\u00a0<\/strong><\/em>)
\nEn abril del 2010 una carta de Steve Jobs a sus s\u00fabditos (entiendase a todos los clientes de apple) sobre sus pensamientos de Flash arranca uno de esos nuevos ciclos donde una plataforma disruptiva que cada d\u00eda ganaba mercado le daba la espalda al famoso plugin de Adobe en sus dispositivos m\u00f3viles. Apple le promet\u00eda larga vida al HTML5 porque todo se pod\u00eda resolver en temas de v\u00eddeo con un tag apro
\n28
\nbado por el est\u00e1ndar. Hoy volvemos a tener una batalla de grandes empresas por el codec luego de que est\u00e1n todos de acuerdo que el navegador lleva una opci\u00f3n amigable para incluir un elemento de video, porque este elemento es tan importante como las im\u00e1genes.
\nY podemos usar perfectamente el ejemplo de las im\u00e1genes para entender lo que pasa con el video. Todos los navegadores permiten que en un documento HTML incluyas un tag <img> al cual debes decirle la ruta a una imagen. Y la imagen puede ser un .jpg, un .gif, un .bmp o un .png (entre otros formatos). Depender\u00e1 de la capacidad de tu navegador para reconocer todos los contenidos de esta im\u00e1gen, interpretarla y mostrarla. Con el video pasa lo mismo.\u00a0( Dise\u00f1o de p\u00e1gina web Monterrey\u00a0<\/strong><\/em>)
\n\u00bfCon <video> dejamos de usar video en flash?
\nEl debate sobre Flash y HTML5 da para los programas m\u00e1s entretenidos de mejorandolaweb.
\nAdobe tiene tecnolog\u00eda s\u00f3lida y es de los reproductores que mejor entiende de codecs y licencias. Es una soluci\u00f3n pr\u00e1ctica para que no tengamos que lidear con esos problemas y sigue siendo la base de Youtube. Youtube sigue siendo la soluci\u00f3n pr\u00e1ctica para que vos y yo compartamos en segundos un v\u00eddeo, le generemos difusi\u00f3n y hagamos adem\u00e1s social media.
\nPero incluso Youtube est\u00e1 haciendo esfuerzos importantes en miras de HTML5, resolviendo otros dramas que incluye este tag. Revisa youtube.com\/html5 con un navegador moderno y conoce m\u00e1s de sus experimentos.\u00a0( Dise\u00f1o de p\u00e1gina web Monterrey\u00a0<\/strong><\/em>)<\/p>\n

 <\/p>\n

\u00bfQu\u00e9 formatos podemos incluir?<\/h3>\n

Aqu\u00ed es super importante entender una diferencia entre los tipos de archivo y los codex con que el video ha sido procesado. Un .avi, .mp4 (o .m4v), un .flv (flash video) y un .ogv simplemente contienen un video, pero cada formato puede tener diferente forma de codificarlo.
\nLos navegadores y las compa\u00f1ias que los producen han elegido soportar \u00fanicamente a algunos codecs y lamentablemente no existe una alternativa definitiva y universal. En serio, no existe, tenemos tag <video> y el drama ha quedado por aqu\u00ed, en que tienes que codificar tus videos al menos en algunos formatos para asegurarte que funcione en todos lados. \u00bfVen por qu\u00e9 Youtube sigue siendo una opci\u00f3n maravillosa?
\nHablemos entonces de Codecs. Hay 3 que importan hoy en d\u00eda: H.264, VP8 y Theora.
\nH.264.
\nConocido como MPEG-4 Advanced Video Codiging, es el m\u00e1s popular hoy en d\u00eda, lo usa youtube cuando muestra videos desde el flash player (el flash player lo soporta sin problema). Es el que le da vida a los videos en un iPhone, en tu iPad. Incluso muchos reproductores de Blue-ray lo soportan. Es genial, es asombroso, pero tiene algunos temas legales detr\u00e1s que complica su existencia. Hay un grupo, el MPEG LA group que tiene patente sobre este formato y le quiere cobrar a todos los que decodifiquen su formato. Google no es muy amigo de este formato. Chrome ya tiene el 20% del mercado y Android sigue creciendo. En enero le dijeron adi\u00f3s1.\u00a0( Dise\u00f1o de p\u00e1gina web Monterrey\u00a0<\/strong><\/em>)<\/p>\n

\"\"<\/p>\n

#Dise\u00f1o de p\u00e1gina web Monterrey<\/a> #Agencia de desarrollo web #Dise\u00f1o web #Dise\u00f1o de p\u00e1ginas web<\/p>\n

 <\/p>\n

\"marketingweb\"<\/a><\/p>\n

\"Dise\u00f1o<\/p>\n","protected":false},"excerpt":{"rendered":"

Dise\u00f1o de p\u00e1gina web Monterrey Agencia de desarrollo web   El tag <video> Uno de los espacios m\u00e1s pol\u00e9micos de la web Dise\u00f1o de p\u00e1gina web Monterrey:\u00a0Hablar de v\u00eddeo en internet es hablar de ciclos, de batallas campales entre los CEOs m\u00e1s influyentes en el mundo de tecnolog\u00eda, de la compleja estandarizaci\u00f3n de un codec …<\/p>\n

Dise\u00f1o de p\u00e1gina web Monterrey<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":7312,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[55],"tags":[421,68,1206,71,46],"class_list":["post-7311","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-agencia-de-desarrollo-web","tag-desarrollo-web","tag-diseno-de-pagina-web-monterrey","tag-diseno-de-paginas-web","tag-diseno-web"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7311","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=7311"}],"version-history":[{"count":1,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7311\/revisions"}],"predecessor-version":[{"id":7315,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/7311\/revisions\/7315"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/7312"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=7311"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=7311"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=7311"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}