sábado, noviembre 27, 2010

Banner Revolution

Imagínate un plan de medios típico con sus 20 ó 30 formatos de los cuales tienes que tirar en .gif y .swf. Pues bien, estos señores de 4delite han creado una herramienta para hacerlos todos de una vez en el mismo proceso. Con lo cual se aceleran enormemente los flujos de producción y disminuyen los costes.


El proyecto corre bajo un framework de Flex, al menos eso dicen en su blog. Para la parte back va con .NET, C#, WSDL y XML. Echad un vistazo al vídeo:





La verdad que tiene muy buena pinta y podría revolucionar la forma en que se trabaja, aunque no creo que haya muchos interesados en ello. Exageran un poco porque no creo que nadie haga campañas de 7776 ads como dicen. Yo he hecho planes de medios para cuentas grandes y en cada tanda son unas 30 piezas, si pones que sumas los .gif y los .swf serían 60 por tres 180. Siete mil y pico son muchas. De todas formas yo creo que sería una revolución en la forma de trabajar.


Tiene un coste de 50 dolares al mes para pymes, para empresas más grandes no lo pone.


Aquí tenéis un slideshare sobre el proyecto:

jueves, noviembre 25, 2010

Resumen Inspirational Festival 2010

Los pasados 23 y 24 de noviembre se celebró en Madrid el Inspirational Festival, esta vez con la temática boda On&Off. Gracias a MarketingFan y a Twitter pude conseguir una entrada para retransmitir el evento en directo para ellos. Aquí mi pequeño resumen

Si quieres saber quién participó me remito al programa del festival, también es interesante repasar todo el timeline del hashtag #iabfestival para ver las distintas impresiones.

DÍA 1
Un repaso rápido: El primer día fue muy interesante la charla de @NickSohnemann que se pudo seguir en streaming a través de agoranews, vimos muchas muestras de trabajos con Realidad Aumentada, todo con una palabra clave "connection". También se hablo de geolocalización, bodytracking e implicaciones en Mobile.

La segunda charla fue a cargo de Igor Beuker, "The changing role of social networking as an influence of worlwide media". Podéis saber más de él laComunidad, ViralTracker y SocialMedia8.

Más tarde hubo tres ponencias en diferentes salas: "Televisión Interactiva, vacunas para la selva digital", a cargo de Jose Luis Vázquez de MiradaTV, "Automoción, reinventarse para no estar off" de Renato del Bino, grupo Fiat, y "Medición en medios sociales" con Rodrigo Miranda de Shackleton y Miguel del Freno de Quor.

A continuación tuvo lugar una mesa de debate con el tópico "Los grandes anunciantes ya son digitales". Participaron directores de marca de Coca-Coal, Iberdrola y Campofrío.

Antes de comer tres salas de nuevo, Ecommerce "Freemium o la cultura del todo gratis: monetizar lo gratuito" de Jaime Jimenez (Softonic), "Egaming and Gambling in Spain" de Willem van Oort (Gran Vía Online), y "Advergaming, posibilidades publicitarias en el mundo del videojuego" de Victor Martín (seleccionador nacional de videojuegos).

Por la tarde pudimos escuchar a Melchor Miralles y su Twision, Fernando Colomo hablando de la distribución de cine legal en la red y tres últimas charlas sobre "Branding Experience, ¿construir una marca offline y online, emocional y funcional" de Alberto Knapp (The Cocktail), "Finanzas, nuevos códigos par anuevos consumidores" de Reyes Bolumar (Inversis), y "La Web social: cómo Internet cambia a medida que interactuamos con otros y con el contenido usando nuestra identidad real", Richard Allan (Facebook).

DÍA 2
Empezó con la mesa debate internacional "El sector digital visto por los grandes". Participaron Laurent Delaporte (Microsoft), Christopher Parcot (Yahoo!), Nic Jones (Starcom Mediavest) y Anthnoy Rhind (Havas Digital), moderó Antonio Traugott (iabspain). Palabras/Conceptos que se oyeron: digital, tecnología, optimización, marca, conexión. Lo más interesante para mí fueron los puntos de vista expuesto por Christopher Parcot de Yahoo que habló de la crisis como catalizador del cambio, del vídeo online.

Siguieron tres charlas: "El sector digital evoluciona en Europa" de Alain Hereux IABEurope

La Presentación del Estudio IAB Spain de Redes Sociales por Joan Miro, Ipsoacto. Adjunto el estudio:

La última para mí fue de las mejores "La creatividad digital europea más atrevida" por Nick Cristea AllofUs, participante también en fitc

Después salió un cocinero a cocinar, Julius de CanalCocina, "La nuevas tecnologías aplicadas al mundo tradicional de los fogones".

De nuevo tres sesiones: "Creatividad: Un marketing del siglo XXI", de Patou Nuytemans, EAME,
con un interesante portfolio, Debate agencias sobre Publicidad experimental con Marcel.li Zuazua, Herraiz&Soto y Adolfo Gonzalez, de Wysiwyg vs. Fernando Cano, Cano & Ayesta y Albert Fradera, Itol. Moderó Eugenio García-Perate, Diageo. Mobile, Bidi: Un mundo por escanear , por Agustín Calvo, Scanbuy. La tercera: La comunicación y el periodismo bajo la tormenta perfecta, Angel Expósito, periodista.

Apunto que, hombre, yo no consideraría a Wyisiwy como "agencia experimental", al menos no ahora, hay muchas otras delante.

Siguió la proyección ShortList de los premios Inspirational Marketing y publicidad digital.

Y la entrega de premios:
Premio comunicación online: OmmWritter de Herraiz&Soto
Premio TV y Radio digital interactiva plata para Enjuto Mojamuto
Premio Social Media Oro ElBesoDeTusBuenasAcciones de INGDirect
Premio medios emergentes y mobile Oro Ikea catalogo 2010
Premio mejor campaña integrada Plata briks magicos Central Lechera Asturiana
Premio Proyecto digital del año tv3
Premio Personaje Digital del año Sebastian Muriel red.es
Premio Gran Prix Inspirational 2010 OmmWritter Herraiz&Soto

No sé, yo tampoco pienso que OmmWritter sea la panacea del mundo, al fin y al cabo ¿cuál es engage? Lo ves un par de veces y punto. Ha habido cosas mucho más grandes por mucho que la gente se vuelva loca con la tecnología ;D




lunes, noviembre 15, 2010

flv Cuepoints Actionscript 3

Estamos oyendo mucho últimamente sobre el futuro del vídeo en la web, incluso he visto plataformas que proliferan el vídeo en la web como la de DigitalNovae.

Además, hemos visto últimamente algunas páginas premiadas en FWA con carga de lo que yo llamaría vídeo interactivo, por ejemplo esta de ACTI.

La pregunta: ¿Con Actonscript se puede mover el cabezal de un vídeo en streaming en una web? ¿Y hacer que se reproduzca para atrás?

A la segunda no tengo respuesta (serán bienvenidas), ahora bien, respecto a la primera. Si se trata de un vídeo pequeño puede ser mejor cargarlo en otra película o incluso embeberlo en timeline, porque los labels/etiquetas funcionan muy bien.

El problema es si se trata de cargar varios vídeos en streaming y además jugar con la interacción de los mismos.

Bien, hace poco tuvimos que hacer algo parecido para una micro, podéis ver una demo en beta aquí. Es una micro con cuatro vídeos en streaming, cargamos cuatro .flv por medio del componente flvPlayBack. El briefing decía algo así como que cuando el usuario pasa el ratón por encima el personaje da un paso adelante y muestra el cartel, cuando estás fuera vuelve a su posición inicial.

Para hacer esto, siguiendo algunas recomendaciones de luckyPig, lo mejor es hacer un array con los tiempos del vídeo con el que vas a trabajar. Por ejemplo, en la segunda empezando por la derecha, la chica, tomamos los siguientes tiempos respecto del vídeo original:

Veamos el vídeo de la chica completo, haremos dos bucles, bucle en reposo (bucle1) y bucle en movimiento (bucle2 o cuando está delante). Además marcaremos los tiempos de los saltos, principio y final. Por supuesto, si hacéis esto, tenéis que grabar con croma y desde After exportar para .swf (así veréis el fondo transparente, aunque aquí lo pongo negro)


//Tiempos:

1- Inicio
2- Fin Bucle1
3- Comienzo paso adelante 1
4- Inicio Bucle 2
5- Fin Bucle 2
6- Comienzo paso adelante 2
7- Final

Así construiremos el Array:

Tiempos chica joven
0/10/14/22/36/37/40

Vamos al código (AS3) un poco sucio pero sirve:

import com.greensock.*;
import fl.video.*;
import fl.video.MetadataEvent;

var flv_chicajoven:FLVPlayback;

var tiempos_chicajoven:Array = [0,10,14,22,36,37,40];

//Añadimos los puntos de referencia
flv_chicajoven.addASCuePoint(tiempos_chicajoven[0], "chica_iniciobucle1");
flv_chicajoven.addASCuePoint(tiempos_chicajoven[1], "chica_finbucle1");
flv_chicajoven.addASCuePoint(tiempos_chicajoven[2], "chica_salto_adelante");
flv_chicajoven.addASCuePoint(tiempos_chicajoven[3], "chica_iniciobucle2");
flv_chicajoven.addASCuePoint(tiempos_chicajoven[4], "chica_finbucle2");
flv_chicajoven.addASCuePoint(tiempos_chicajoven[5], "chica_salto_atras");
flv_chicajoven.addASCuePoint(tiempos_chicajoven[6], "chica_final");

//Listener del flv de la chica
flv_chicajoven.addEventListener(MetadataEvent.CUE_POINT, chicajoven_listener);

//Control de tiempos con booleanos
var chica_enbucle1:Boolean=true;
var chica_ensalto:Boolean=false;

function chicajoven_listener(eventObject:MetadataEvent):void {
if (eventObject.info.name == "chica_finbucle1"){chica_irInicioBucle1();}
if (eventObject.info.name == "chica_finbucle2")
{
chica_irInicioBucle2();
chica_enbucle1=false;
}
if (eventObject.info.name == "chica_final")
{
chica_irInicioBucle1();
chica_enbucle1=true;
}
if (eventObject.info.name == "chica_iniciobucle1"){chica_ensalto=false;}
if (eventObject.info.name == "chica_iniciobucle2"){chica_ensalto=false;}
}

//Movimiento del cabezal del vídeo en streaming
function chica_irInicioBucle1():void{flv_chicajoven.seek(tiempos_chicajoven[0]);};
function chica_irInicioBucle2():void{flv_chicajoven.seek(tiempos_chicajoven[3]);};
function chica_irSaltoAdelante():void{flv_chicajoven.seek(tiempos_chicajoven[2]);};
function chica_irSaltoAtras():void{flv_chicajoven.seek(tiempos_chicajoven[5]);};

//Eventos
chicajoven_bt.addEventListener(MouseEvent.MOUSE_OVER, fl_chicajovenON);
function fl_chicajovenON(event:MouseEvent):void
{
trace("fl_chicajovenON");
if(chica_enbucle1==true)
{
chica_irSaltoAdelante();
chica_enbucle1=false;
}
if(ejecutiva_enbucle1==false)
{
ejecutiva_irSaltoAtras();
}
if(viejuno_enbucle1==false)
{
viejuno_irSaltoAtras();
}
}

chicajoven_bt.addEventListener(MouseEvent.MOUSE_OUT, fl_chicajovenOUT);
function fl_chicajovenOUT(event:MouseEvent):void
{
trace("fl_chicajovenOUT");
if(chica_enbucle1==false)
{
if(chica_ensalto=true)
{
//A los 2 segundos chica_irSaltoAtras
TweenMax.to(cuad_mc,0, {delay:2, y:-224, onComplete:onFinishTweenChica, onCompleteParams:[5, cuad_mc]}) function onFinishTweenChica(param1:Number, param2:MovieClip):void
{
chica_irSaltoAtras();
}
}
else
{
chica_irSaltoAtras();
}
chica_enbucle1=true;
}
}

//lo mismo se haría para los demás vídeos

Bueno, al final de todo esto al cliente no le gustó como quedó y optó por imágenes estáticas, una pena, pero el trabajo de i+d+i mereció la pena.

Disqus for Actionscript & Comet