14 de febrero de 2013

Actividad: obteniendo la información multimedia con GSpot


Vamos con la segunda actividad del día. Ufff, igual es mucho estrés para alguno...
Debéis obtener la información de un archivo multimedia que os daré usando el programa GSpot.
Una vez que tengáis el vídeo cargado en el programa y os haya mostrado la información, debéis realizar una captura de pantalla (con ImpPan o con Gimp) similar a la que os puse en la entrada del GSpot. Podéis editarla un poco para destacar los parámetros más importantes.
Luego, debéis crear una nueva entrada en vuestro blog en la que indiquéis los valores de los parámetros que hemos visto en clase. Tenéis que acompañar la entrada con la captura de pantalla que realizasteis anteriormente. 
Procurad que la entrada esté bien redactada y formateada. Incluid todas las explicaciones que consideréis oportunas.
Como en todas las entradas, debéis incluir una imagen y poner etiquetas.

Información multimedia con GSpot


En esta ocasión, vamos a aprender a utilizar GSpot, un programa gratuito, que no requiere instalación, y que nos permite obtener la información relativa a los archivos multimedia.

Con GSpot podemos conocer toda la información relativa a un archivo multimedia. Podemos saber el tamaño del archivo, el formato contenedor que utiliza, el número de pistas de audio, los códecs de compresión de audio y vídeo, así como diferentes parámetros del audio (frecuencia de muestreo, bit rate, número de canales, etc) y del vídeo (FPS, bit rate, aspect ratio, etc).
A veces, nos descargamos un archivo de vídeo y no podemos reproducirlo. En ese caso, GSpot nos dice qué codecs necesitamos instalar para poder verlo.

El programa reconoce archivos AVI, MPG, VOB, MOV, WMV, ASF, FLV, MP4 y 3GP, aunque puede no mostrar algunos datos. Sin embargo, no soporta archivos OGM o MKV. Es capaz de detectarlos pero no mostrará ningún dato.

Su uso es muy sencillo. Simplemente hacemos doble clic sobre el archivo ejecutable (gspot.exe) y cargamos el vídeo a analizar. Inmediatamente, el programa mostrará toda la información sobre las pistas de audio y vídeo.
En la imagen inferior se muestra la ventana del programa con la información relativa a un archivo de prueba. Como puedes ver, la información se divide en varias secciones.

Actividad: calcula el tamaño de un archivo de vídeo sin comprimir



Hoy vamos a realizar una sencilla actividad en nuestro Blog, que calificaré al finalizar la clase.
Debéis de crear una nueva entrada en la que expliquéis, a cualquiera que visite vuestro blog, cómo se realiza el cálculo del tamaño de un archivo de vídeo sin comprimir.
Procurad que la entrada esté bien redactada y formateada, que incluya las fórmulas necesarias y que explique el proceso de forma clara. Incluid todas las explicaciones que consideréis oportunas.
Como en todas las entradas, debéis incluir una imagen y poner etiquetas.
Podéis consultar los apuntes vistos en clase si téneis alguna duda.

Para la actividad, utilizaréis un episodio de "Los Simpsons", de 20 minutos de duración, con una resolución HD Ready y una profundidad de píxel de 8 bits.

También realizaréis el cálculo sobre otro archivo de vídeo en formato VCD del que únicamente sabéis su Bit Rate y que tiene una duración de 90 minutos.

Video Digital: cálculo del tamaño de un vídeo sin comprimir


En esta entrada os voy a mostrar como se realiza el cáculo del tamaño que ocupa un archivo de vídeo sin comprimir.
Cómo ya sabemos, un vídeo no deja de ser más que una sucesión de imágenes o fotogramas que se reproducen a una frecuencia determinada, de tal forma que el ojo humano las percibe como movimiento.
Por tanto, para calcular el tamaño de un archivo de vídeo sin comprimir, bastará con calcular el tamaño de uno sólo de sus fotogramas y multiplicarlo por el número de fotogramas que tenga el vídeo.


Tamaño Fotograma = Nº píxeles ancho x Nº píxeles alto x Nº bits / píxel


Tamaño Video = Tamaño Fotograma x FPS x segundos



Otra forma de calcular el tamaño de un archivo multimedia es conociendo su Bit Rate


7 de febrero de 2013

El Vídeo Digital: conceptos básicos



En esta entrada os dejo unos apuntes sobre Vídeo Digital para repasar una serie de conceptos básicos. Muchos ya os sonarán, ya que son parecidos a los estudiados en la imagen y el audio digital. 
Vamos a ver el concepto de vídeo digital, sus parámetros básicos, el proceso de captura y digitalización, el hardware utilizado, los codecs y formatos más habituales, así como el software más habitual para trabajar con vídeo digital.
Iremos comentando los apuntes en un par de clases y debéis estudiarlos de cara a un pequeño examen teórico.

Apuntes "Vídeo Digital"     Download

11 de enero de 2013

Video Digital: Screencast

Antes de comenzar con la teoría de video digital y de meternos de lleno en el manejo del software de edición de video, vamos a ver un ejemplo del uso que le podemos dar al video digital sin necesidad de utilizar ningún dispositivo externo de grabación. La creación de screencasts.

Un screencast o videotutorial, es una grabación, generalmente de corta duración, de lo que está sucediendo en la pantalla de tu ordenador. Puede incluir además una narración, un fondo musical, textos o diferentes efectos.
Seguramente, has visto muchos videos que te muestran cómo realizar determinadas acciones con el ordenador o como manejar algún programa informático. Si no, puedes ver un ejemplo de screencast en este enlace.
La actividad que os propongo, es una labor de investigación, en la que vosotros mismos seréis los que busquéis la información a través de Internet, para luego plasmarla en una entrada de vuestro blog.

  FECHA LÍMITE DE PUBLICACIÓN: VIERNES 25 ENERO

Tienes las pautas para la actividad tras el salto.
Tenéis que explicar qué es un screencast, cuales son sus posibles usos o aplicaciones, y que ventajas creéis que tiene. 
También debéis buscar y elaborar un pequeño resumen con las distintas alternativas de software que encontréis para realizar screencast, que posibilidades tienen, para que Sistema Operativo están disponibles (Windows, Linux, Mac OSX, Android, iOS) y que tipo de licencia tienen (libre o propietaria).
Por último, debéis indicar los posibles servicios online o complementos para el navegador disponibles para realizar screencast, sin necesidad de instalar ninguna aplicación.

Para finalizar el trabajo, debéis realizar 2 pequeños screencast (uno mediante software y otro mediante un servicio online), aproximadamente de 1 minuto de duración cada uno, realizando una explicación sobre una aplicación (Audacity, Gimp, o cualquier otra) y que incluiréis en la entrada del blog.

7 de enero de 2013

El Audio Digital: Conceptos Básicos




Bueno, rescato esta entrada del fondo de las profundidades del Blog para recordaros que vamos a realizar un examen teórico sobre el audio dígital. 

Aquí tenéis los apuntes que iremos comentando en clase. Son 4 hojas escasas, así que no es para tanto.
La fecha del examen, si no hay inconveniente, será el martes día 15 de Enero, para empezar bien el año...

Apuntes "Audio Digital"     Download

20 de diciembre de 2012

Blogs: Añadiendo iconos sociales



Si eres usuario de varias redes sociales (Facebook, Twitter, Tuenti, Flickr, YouTube, Delicious, Pinterest...) puedes hacer que los visitantes de tu blog conecten contigo en dichos sitios. Una forma de realizar esta tarea es insertar en tu blog una serie de iconos sociales que actúen como botones de seguimiento.

Tras el salto te explico como hacerlo. ¡¡Vamos allá!!

Puedes crear tus propios iconos sociales con Gimp o Inkscape y también puedes usar iconos sociales ya creados, disponibles en Internet para su descarga gratuita.

Una vez localizado un pack de iconos, descárgalo a tu ordenador. Normalmente, suelen venir comprimidos en un archivo ZIP o similar, así que tendrás que descomprimirlos previamente.

Después, debes subir los iconos a un servicio gratuito de alojamiento en Internet. Por ejemplo a Dropbox. Una vez subidos los iconos a Internet, tendrás que conseguir la URL pública de cada uno.

Ahora, en tu blog, crea un gadget para insertar código HTML (Diseño / Añadir un gadget / HTML/Javascript). Pega el siguiente código para cada icono que quieras añadir:


<a href="URL de la red social" target="_blank" title="Texto"><img src="URL del icono" width=64px; height=64px; /></a>


Sustituye URL de la red social por la dirección web de tu perfil. Por ejemplo: http://www.twitter.com/eltiolavara. Conserva las comillas.

Target="_blank" se usa para que la página de la red social se abra en una nueva pestaña del navegador.

Sustituye "Texto" por el mensaje que quieras que se vea al pasar el cursor del ratón por encima del icono. Por ejemplo, "Follow me on Twitter". Conserva las comillas.

Sustituye "URL del icono" por la dirección web del icono (el enlace público de Dropbox). Conserva las comillas.

Por último, modifica el tamaño del icono a tu gusto. (32, 48, 64, 128, etc).

Si quieres que los iconos estén centrados, coloca al principio de todo el código la etiqueta <center> y, al final del código la etiqueta </center>.
Guarda el gadget y sitúalo en la parte superior de tu blog.

Blogs: añade un gadget de Twitter



Twitter dispone de varios widgets para ser insertados en blogs y páginas web (cronología de usuario, favoritos, lista y búsqueda). Con ellos, es posible publicar tweets, realizar retweets, marcar como favorito y responder desde el mismo widget.
Tras el salto os explico como configurarlos e insertarlos en nuestro blog.


Los widgets están en el apartado de Configuración de nuestra cuenta (icono con forma de engranaje). Allí encontraremos una nueva pestaña, de nombre Widgets, y un botón de Crear nuevo que debemos pulsar para empezar la creación del widget. 

twitter-configuracion-widgets

Esto nos lleva a una página con cuatro pestañas más. Cada una de ellas se corresponde con un tipo diferente de widget. Las opciones de configuración son exactamente las mismas (excepto la primera) para todos los artilugios, e incluyen:
    Altura: tamaño de alto del widget en píxeles. Por defecto, 600. El ancho se ajusta de forma automática al espacio que tengamos.

Plantilla: Sólo hay dos diseños para el aspecto de nuestro widget, claro y oscuro. El primero muestra el texto de los tweets en negro sobre un fondo blanco. El segundo muestra el texto de los tweets en blanco sobre un fondo negro.

Abrir automáticamente las fotos: Si queremos que, por defecto, se vean las imágenes publicadas en el widget, marcaremos esta casilla. Si queremos que los visitantes tengan que hacer clic en el enlace "Show Photo" para verlas, la desmarcaremos. Esto puede ser útil para evitar que se vean en nuestro blog fotos comprometidas y para reducir  los tiempos de carga.

Color del enlace: color de los links que muestra el widget. Por defecto, vienen en azul, aunque podemos cambiarlo fácilmente.

Dominios: dirección web donde incrustaremos el widget. Deber ser la dirección exacta, sin el http:// delante. Para los blogs de Blogger, no vale sólo con blogspot.com, sino que hay que poner blogspot.com.es

    twitter-widget-cronologia-de-usuario

    En función del tipo de widget que vayamos a crear, la primera opción de configuración será distinta:

      En el widget de Cronología de usuario, que es el que muestra la actividad (tweets, retweets, menciones...) de un perfil de Twitter determinado, debeemos escribir el nombre del usuario en cuestión sin la arroba delante. Puede ser el tuyo o el de otra persona, siempre que sea una cuenta pública.
      En el widget de Favoritos, que es el que muestra los tweets que ha marcado como favorito (con la estrella) un perfil concreto, escribiremos el nombre del usuario cuyos favoritos deseemos visualizar, sin la arroba delante. Pueden ser los nuestros o los de otra persona, si la cuenta es pública.
      En el widget de Lista, que es el que muestra los tweets publicados por los miembros de una lista de Twitter, escogeremos la lista a mostrar en el menú desplegable. Puede tratarse de una lista creada por ti o una de las listas a las que estás suscrito. Como siempre, deben ser públicas.
      Por último, en el widget Buscar, que es el que muestra los resultados de una búsqueda en Twitter, escribiremos la consulta de búsqueda deseada. Es posible utilizar hashtags y operadores de búsqueda avanzada de este servicio, así como marcar o desmarcar la casilla Modo seguro, que excluirá los tweets considerados ofensivos.
        Una vez finalizada la configuración, hacemos clic sobre Crear widget para obtener el código HTML que deberemos copiar y pegar en nuestro blog como siempre. Nos dirigiremos al apartado Diseño de nuestro blog, haremos clic sobre Añadir un gadget, y pegaremos el código dentro del gadget HTML/Javascript. 

        twitter-widgets-codigo

        Otra vez en la pestaña Widgets del apartado de Configuración de nuestra cuenta de Twitter, podremos ver todos los widgets creados, así como modificar su configuración o suprimirlos.

        twitter-widgets-editar-eliminar