HTML 5 – Video
En las pasadas semanas he estado investigando acerca del nuevo y flamante HTML 5, y debido al trabajo, me he enfocado en el tag de VIDEO.
La belleza de esta nueva versión del HTML, en el caso del video y audio, es que ya no sería necesario contar con instalaciones ajenas al navegador (dígase FLASH o Silverlight) para visualizar el video.
Claro que no todo puede ser miel sobre hojuelas, los formatos actuales que soporta el tag de <video> en HTML 5 es el H.264/MPEG-4 (propietario) y el Theora/Ogg (open source).
A grandes rasgos, los navegadores actuales que dan soporte a HTML 5 (Chrome, Firefox, Safari y Opera en sus nuevas versiones) y quieran soportar H.264/MPEG-4, tienen que desembolsar un buen varo para que esto suceda, mientras que el Theora/Ogg, por su característica de open source, puede ser implementado en cualquiera.
Ahora, al grano, lo único que tienen que hacer para poner un video es, antes que nada, convertir el video a MP4 o OGG, si no cuentan con algún programa les recomiendo SUPER ©, el cual puede convertir, tanto audio como video, a muchísimos formatos, incluidos MP4 y OGG.
Una vez que lo tengan en el formato adecuado, la sintaxis a utilizar es tan fácil como la siguiente:
Entre las diversas propiedades de este tag se encuentran: controls, autoplay, width, height, etc.
Para terminar, si utilizan alguno de los navegadores antes mencionados podrán ver el ya famoso video de “Ligue Tecnológico”, si no, les aparecerá una triste, triste carita
o una fea tache.
Este lenguaje esta en una etapa muy verde, pero promete demasiado, esperemos verlo próximamente más en la red.
Saludos!
Imaginary Rock Band
¿Alguna vez soñaste con tener tu propia banda? ¿No tienes instrumentos? ¿Ni el Rock Band o el Guitar Hero? Pues esta es tu oportunidad! Únete a la Imaginary Rock Band!
Proyecto ocioso de la semana por @PerroHunter, el resultado:
En el bateria @PerroHunter, en la voz @Pyoko, en la guitarra @DrKbrito y de grupies @Marciandrea y la gatita de @Miawmomo
.
Excelente trabajo, esperemos participar en la próxima edición
.
Saludos!
Mostrar Video ActionScript 3.0
El actual proyecto en el que me encuentro trabajando ha significado muchísimos retos, tanto por los distintos lenguajes de programación que involucra, la interacción entre estos, y claro, la increíble cantidad de horas googleando para conseguir respuestas, ayuda, especificaciones, funcionalidades, métodos, ejemplos, y un largo etcétera.
Los lenguajes de programación que he estado usando para este proyecto son:
- ActionScript 3.0 en Flash CS4
- ASP.NET con C# en Visual Studio 2008
Como bien les comentaba en el primer párrafo, hubo varias cosas, que si bien no mucha gente utiliza, me costó mucho trabajo encontrar información al respecto para lograr que funcionara o la información que se encuentra en la red está incompleta.
Por esto, sacaré algunos posts en los cuales les ponga algunos de los problemas con los cuales me enfrenté en este proyecto, poniendo pequeñas partes de código con sus respectivas explicaciones.
Empezando desde abajo y con lo básico, primero empezaré con ActionScript 3.0 y como obtener el audio y video de una computadora para mostrarlo en tu ejecutable (SWF).
- Despues de que se abra nuestro Flash CS4, creamos un archivo nuevo de ActionScript 3.0:

Crear Archivo ActionScript 3.0
- Una vez abierto el archivo, necesitamos crear el objeto de video donde se mostará lo que grabe nuestra camara, entonces, seleccionamos la pestaña BIBLIOTECA, y damos clic en las opciones que se encuentran al costado derecho:

Pestaña Biblioteca
- Se mostará la siguiente lista de opciones, en ella, damos clic en Nuevo Vídeo:

Nuevo Video
- Se mostrará la siguiente ventana de propiedades, le ponemos nombre al símbolo que vamos a crear, o bien dejamos el sugerido:

Propiedades de Video
- Nuestro nuevo símbolo se agregará automaticamente a la BIBLIOTECA, arrastrar dicho símbolo a nuestra Escena (Stage):

Video en Biblioteca
- Seleccionar el símbolo de vídeo en la Escena (Stage) y dar clic en la pestaña de propiedades para configurar el nombre de la instancia, la posición y el tamaño:

Propiedades del Video
- Eso es todo lo que haremos en la Escena, ahora, en la linea de tiempo, creamos una nueva capa para el código, seleccionamos el primer fotograma (frame) de la nueva capa y después en la pestaña de ACCIONES – FOTOGRAMA:

Crear nueva capa
- La capa de ACCIONES es en la cual pegaremos nuestro codigo que definirá las acciones que hará nuestro SWF:

Acciones
- El código es el siguiente:
var cCamera:Camera;
var mMicro:Microphone;
//Obtenemos camara y microfono del usuario
cCamera = Camera.getCamera();
mMicro = Microphone.getMicrophone();
//Listeners de camara y microfono
//cCamera.addEventListener(StatusEvent.STATUS, vStatusCameraHandler);
//mMicro.addEventListener(StatusEvent.STATUS, vStatusMicrophoneHandler);
//Anchura, Altura y FPS
cCamera.setMode(320,240, 15);
//Ligamos la camara del usuario con el video en el SWF
vid.attachCamera(cCamera);
//Mande a la bocina lo que se obtiene del audio
mMicro.setLoopBack(true);

Prueba
Entre los comentarios en el código pongo algunos de los eventos los cuales deben de manejar para evitar cualquier tipo de eventualidad.
Espero que les haya sido de utilidad.
Saludos!
#InternetNecesario – Acciones
Como bien pudieron ver en algunos posts en chavirao aquí y aquí, y también el post en 7ecnologia por chiquillo, el movimiento iniciado por los Twitteros de #InternetNecesario llegó muchísimo más lejos de lo que se esperaba.
En el post de Chico en 7ecnologia, él les mencionaba como nos encontrábamos viendo en vivo el streaming de la junta que tuvieron algunos senadores con varios Twitteros, para mi desgracia no la pude ver desde el inicio pero la encontré en YouTube y se las traigo para que le echen un fijón, se las recomiendo bastante.
Otra parte del movimiento fue la toma de fotografías con el slogan de #InternetNecesario en diversas partes de la republica, estas fueron ampliamente distribuidas en diversos medios, la foto en Guadalajara fue en la Minerva.

#InternetNecesario en la Minerva
Aquí el video de la realización de la foto en la ciudad de México.
¿Qué tal? Como con unos pequeños Tweets al inicio lograron convertirse en todo un movimiento nacional y la erradicación del impuesto.
Dan ganas de pensar que todavía se puede hacer algo por el país.
Citando a mí compa Chico
Arriba y Adelante!
Saludos!
Los Niños Hacen Lo Que Ven
Siempre he sabido de las consecuencias que tienen mis acciones (directamente) sobre Cami, pero fue después de ver este video cuando realmente me doy cuenta, muy gráficamente, de lo que realmente puede significar, y de la necesidad, y mas que nada responsabilidad que recae en mi ser una influencia positiva en su vida…
Saludos!