{"id":1077,"date":"2012-02-28T11:32:15","date_gmt":"2012-02-28T10:32:15","guid":{"rendered":"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/?p=1077"},"modified":"2012-02-28T11:32:15","modified_gmt":"2012-02-28T10:32:15","slug":"taller-de-open-video-con-html-5","status":"publish","type":"post","link":"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/2012\/02\/28\/taller-de-open-video-con-html-5\/","title":{"rendered":"Taller de Open Video con HTML 5"},"content":{"rendered":"<p><img decoding=\"async\" src=\"http:\/\/medialab-prado.es\/mmedia\/8\/8626\/500_0.png\" border=\"0\" alt=\"\" \/><\/p>\n<div><strong>Taller de Open Video con HTML 5<br \/>\n13.03.2012 &#8211; 16.03.2012 10h. &#8211; 14h.<\/strong><\/div>\n<div><strong><br \/>\nLugar: <a href=\"http:\/\/medialab-prado.es\/article\/open_video\">Medialab Prado \u00b7 Plaza de las Letras, C\/ Alameda, 15 Madrid<\/a><\/strong><\/div>\n<div><strong> <\/strong><br \/>\n<strong>Taller de Open Video con HTML 5 desarrollado por <a href=\"http:\/\/medialab-prado.es\/person\/a_navalla_suiza\">A Navalla Su\u00edza<\/a>. Esta actividad se enmarca entre las actividades propuestas por el grupo de trabajo <a href=\"http:\/\/wiki.medialab-prado.es\/index.php\/Videoframesh\">VideoFramesh<\/a> de <a href=\"http:\/\/www.masterdiwo.org\/\">Master DIWO<\/a> en los <a href=\"http:\/\/medialab-prado.es\/article\/viernes_openlab\">Viernes Openlab<\/a>.<\/strong><\/div>\n<div><strong><br \/>\n<\/strong><\/div>\n<div>\n<ul>\n<li><span style=\"color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 21px;\">Gratuito. Plazas limitadas. <\/span><a style=\"color: #990000; font: normal normal normal 12px\/normal Verdana, Arial, Helvetica, sans-serif; line-height: 21px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;\" href=\"http:\/\/medialab-prado.es\/article\/open_video\">Inscripci\u00f3n previa<\/a><span style=\"color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 21px;\">.<\/span><\/li>\n<\/ul>\n<\/div>\n<div>\n<p><strong>Introducci\u00f3n<\/strong><\/p>\n<p>La aparici\u00f3n del est\u00e1ndar <a href=\"http:\/\/en.wikipedia.org\/wiki\/HTML5\">HTML5<\/a> y su nueva etiqueta (u otras como o ) abre m\u00faltiples posibilidades para lo audiovisual en Internet y le otorga un creciente peso espec\u00edfico dentro de este entorno. Aparece con ello el llamado Open V\u00eddeo.<\/p>\n<p>Por un lado, inaugura el justo acceso a la Red de formatos no propietarios, a la vez que posibilita la prol\u00edfica uni\u00f3n del elemento v\u00eddeo y el sencillo lenguaje JavaScript (implementado en todos los navegadores), capaz de modificar el comportamiento de aquel de muy diversas maneras.<\/p>\n<p>Parece emerger un nuevo escenario para el v\u00eddeo en la web, el cual se integra m\u00e1s org\u00e1nicamente con el navegador y se conecta de diversas maneras a otros elementos, lo que posibilita maneras in\u00e9ditas de interactividad entre los mismos y con el usuario, subvirtiendo la l\u00f3gica de la narraci\u00f3n audiovisual tradicional, su presentaci\u00f3n y la noci\u00f3n misma de \u201cg\u00e9nero\u201d.<br \/>\n<strong><br \/>\nObjetivos<\/strong><br \/>\nEl taller de Open Video hace un recorrido por las posibilidades que abre el HTML5 y tecnolog\u00edas relacionadas con \u00e9l, con el objetivo de crear contenido multimedia interactivo que funcione como funciona la web. Buscamos conocer herramientas, utilidades y m\u00e9todos de trabajo para sincronizar contenidos de diversas fuentes con v\u00eddeo y audio, y para que estos respondan a interacciones del usuario, de modo que se pueda aplicar en la creaci\u00f3n de sitios web.<\/p>\n<p><strong>Programa<\/strong><\/p>\n<p>El programa se divide en tres sesiones de 10:00h a 14:00h.<\/p>\n<p>13.03.2012 \/ 10:00-14:00h: Introducci\u00f3n te\u00f3rica<br \/>\nIntroducci\u00f3n al HTML5 mediante ejemplos detallados de las tecnolog\u00edas<br \/>\nIntroducci\u00f3n al Open Video\/Audio, lugares comunes, recursos y posibiliddes.<br \/>\nFrameworks de gesti\u00f3n de elementos HTML5 media: popcornjs y $media<br \/>\nTecnolog\u00edas que vienen: CSS para v\u00eddeo, webvtt, etc&#8230;<br \/>\nEjemplo b\u00e1sico explicado paso a paso.<\/p>\n<p>14.03.2012 \/ 10:00-14:00h: Casos pr\u00e1cticos<br \/>\nDefinir cap\u00edtulos en un v\u00eddeo\/audio y saltar de uno a otro usando s\u00f3lo Javascript<br \/>\nPoner subtitulos a un v\u00eddeo (en varios idiomas) usando jquery.media<br \/>\nDefinir respuestas programadas a interacci\u00f3n del usuario usando jquery.media<br \/>\nSincronizar contenido con un video de forma manual y usando un popcornjs<br \/>\nPr\u00e1ctica en grupos: gestionar eventos de usuario + sincronizar contenido (usando jquery.media)<\/p>\n<p>15.03.2012 \/ 10:00-14:00h: Proyecto colaborativo<\/p>\n<p>Se trata de desarrollar un proyecto entre todos y usando los recursos conocidos en las sesiones anteriores para hacer una demo colectiva, este proceso implica:<br \/>\nDefinir los contenidos y la interactividad<br \/>\nGrabar los cortes de v\u00eddeo<br \/>\nCrear\/Seleccionar el contenido sincronizado<br \/>\nCrear subt\u00edtulos<br \/>\nDise\u00f1ar y maquetar el interface<br \/>\nProgramar la interactividad<br \/>\nPublicar en la web<\/p>\n<p><strong>A qui\u00e9n va dirigido<\/strong><\/p>\n<p>El taller es\u00e1 dirigido a toda persona interesada en conocer y pr\u00e1ctiacs las nuevas posibilidadesde open Video en relaci\u00f3n al nuevo est\u00e1ndar HTML5, as\u00ed como el lenguaje JavaScript y el CSS3. La idea es generar un contexto de trabajo y aprendizaje compartido y autodirigido, en el que cada participante pueda aportar sus propios conocimientos y l\u00edneas de experimentaci\u00f3n. Se valora tener conocimiento b\u00e1sicos de HTML, CSS y nociones de JavaScript.<\/p>\n<p>M\u00e1s informaci\u00f3n de Videoframesh en la <a href=\"http:\/\/wiki.medialab-prado.es\/index.php\/Videoframesh\">wiki<\/a>.<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Taller de Open Video con HTML 5 13.03.2012 &#8211; 16.03.2012 10h. &#8211; 14h. Lugar: Medialab Prado \u00b7 Plaza de las Letras, C\/ Alameda, 15 Madrid Taller de Open Video con HTML 5 desarrollado por A Navalla Su\u00edza. Esta actividad se &hellip; <a href=\"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/2012\/02\/28\/taller-de-open-video-con-html-5\/\">Sigue leyendo <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1077","post","type-post","status-publish","format-standard","hentry","category-general"],"_links":{"self":[{"href":"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/wp-json\/wp\/v2\/posts\/1077","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/wp-json\/wp\/v2\/comments?post=1077"}],"version-history":[{"count":1,"href":"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/wp-json\/wp\/v2\/posts\/1077\/revisions"}],"predecessor-version":[{"id":1078,"href":"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/wp-json\/wp\/v2\/posts\/1077\/revisions\/1078"}],"wp:attachment":[{"href":"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/wp-json\/wp\/v2\/media?parent=1077"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/wp-json\/wp\/v2\/categories?post=1077"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.tea-tron.com\/tinapaterson\/blog\/wp-json\/wp\/v2\/tags?post=1077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}