Instalación de PhotoStory – Fotos Narradas – Videotutorial. Vídeo YouTube en Blogger

A partir de una secuencia de fotografías, utilizando un sencillo programa como PhotoStory 3 (Windows), se puede diseñar un documento videográfico.
Photo Story 3 (Fotos Narradas) se puede utilizar para crear vídeos *.WMV a partir de imágenes y audios.
Para instalar este programa se descarga y ejecuta el asistente de instalación PhotoStory.exe., siguiendo las instrucciones de este vídeo que ha sido creado con el propio programa.

Esta versión de PhotoStory ha sido pensada para Windows XP SP2 pero también funciona en Windows Vista y 7.

¿Cómo insertar vídeo de Youtube en Blogger?

Supongamos que queremos insertar en nuestro artículo de Blogger el vídeo anterior, que se encuentra en esta dirección:    http://www.youtube.com/watch?v=HCqYvh9aLow

El código utilizado es:

<iframe allowfullscreen="" frameborder="0" height="349" src="http://www.youtube.com/embed/HCqYvh9aLow?rel=0&amp;hd=1" title="YouTube video player" width="425"></iframe>

• Clic en el enlace Edición de HTML para mostrar el código HTML del artículo.
• Sitúate en la edición HTML del artículo del blog al final del mismo. Pega el iframe anterior.

Se observa el código iframe que nos ha servido para insertar el vídeo de YouTube

Espero que esta información te sea útil.

Jose A Laredo

Leer Mas...

Ejemplo de inserción de audio en blogger utilizando el reproductor PixelOut. Música de Gaita

La gaita es un instrumento de viento que, en su forma más simple, consiste en un tubo preformado (puntero), provisto de caña e insertado dentro de un odre, que es la reserva de aire. El aire entra en el odre (fol) a través de un segundo tubo, que tiene una válvula que impide la salida del aire provisto por los pulmones del gaitero. Éste comprime con su brazo el odre para mantener la salida de aire con sonido (tempero).
La gaita ha sido un instrumento tradicional, distribuido por numerosos países de todo el mundo, incluyendo la península de Escandinavia, las Islas Británicas, los Países Bajos, Francia, la Península Ibérica, la Península Itálica, los Balcanes, el norte de África, Turquía y Oriente Medio. Aunque existen posibles referencias literarias en textos latinos, las primeras representaciones europeas se remontan a la Baja Edad Media.

Hemos seguido los siguientes pasos

1. Visitamos la enciclopedia Wikipedia (http://es.wikipedia.org/wiki/Wikipedia:Portada) y localizamos
información sobre el instrumento musical "Gaita".

2. Con estos datos elaboramos este artículo que contiene: título, breve resumen, imagen procedente del ITE y enlace a la fuente de información original, en este caso al artículo de Wikipedia y al Banco de recursos multimedia del ITE.

3. Accedemos al Banco de recursos multimedia del ITE  (http://recursostic.educacion.es/bancoimagenes/web/)

4. En el buscador de este banco hemos introducido la palabra "gaita" y activado fotografías, ilustraciones
y sonidos para reducir la búsqueda a este tipo de elementos multimedia. Localizamos los activos "Gaita
tocando una canción" y la ilustración "Gaita" del Ilustrador Pablo Egea Palomares.

5. Decidimos descargar el archivo de audio en los tres formatos Wav, Mp3 y Ogg

6. Se descarga la ilustración "Gaita" en formato jpg

7. Abrimos Audacity y reproducimos el archivo de audio "Gaita tocando una canción" descargado en
formato Wav. Por la duración de 39 segundos del audio no hizo falta recortarlo.
Si fuera necesario activaríamos la herramienta de selección para seleccionar un fragmento de por ejemplo
30/40 segundos aproximadamente y a continuación se selecciona Editar > Recortar. De esta forma se
consigue un pequeño fragmento de la obra.

8. Desvanecer progresivamente/Aparecer progresivamente, se aplican directamente sobre una selección
inicial o final realizada en la grabación para definir una aparición o desaparición progresiva de la música.
Para atenuar el corte final, volvemos a activar la herramienta de selección para seleccionar unos segundos
finales de la onda y elegimos Efecto > Desvanecer progresivamente.

9. Mediante Audacity, exportamos el audio a un archivo MP3 de calidad 56 kbps y estéreo mediante la
secuencia: archivo > exportar > Opciones... > Calidad

10. Subo este archivo de audio a la carpeta audio de mi cuenta en Google Sites para luego enlazarlo o
embeberlo en una consola de reproducción de audio que lo muestre: el reproductor PixelOut

11. Subo el reproductor de PixelOut player.swf

12. Se necesita utilizar un asistente para generar el código HTML del reproductor PixelOut necesario para
incrustar (embed) el propio reproductor de PixelOut "player.swf" y el archivo de audio "Gaita56_desvanecer.mp3" reproducido en este artículo del blog.

13. Se abrirá el navegador web mostrando esta página web. Lo más importante en este interfaz es
introducir la URL del reproductor player.swf y la URL del audio MP3 que se pretende reproducir con él.

URL del reproductor:  https://sites.google.com/site/laredomw20/audio/player.swf
URL del audio MP3:  https://sites.google.com/site/laredomw20/audio/Gaita56_desvanecer.mp3

En las URLs de reproductor y MP3 eliminanos la coletilla ?attredirects=0&d=1. Aunque funcionaría igual
conviene simplificar el código todo lo posible.

14. Hacemos clic en el botón Crear código HTML. Utilizando el interfaz del Generador de código de
Pixelout hemos definido algunos parámetros de funcionamiento y visualización que tendrá el reproductor
y otros los hemos dejando en blanco.

<embed src="https://sites.google.com/site/laredomw20/audio/player.swf" width="290" height="24" flashvars="soundFile=https://sites.google.com/site/laredomw20/audio/Gaita56_desvanecer.mp3&lefticon=0xFF9900&righticon=0xFF9900&text=0x0000FF&slider=0xFF9900"></embed>

15. Clic en el enlace Edición de HTML para mostrar el código HTML del artículo. Pegamos el código
anterior en la posición que creamos más conveniente.

..........
Leer Mas...

Ejemplificación de una imagen incluida en el título de un post

Esta es una ejemplificación de una imagen incluida en el título de un post

La etiqueta html a utilizar es:

<img src="URL_del_gráfico"/> Titulo del artículo

Supongamos que la imagen tiene esta dirección.

http://blog.educastur.es/seminariosan/files/2010/11/crystal_clear_app_login_manager.png



y que el titulo del artículo es: Ejemplificación de una imagen incluida en el título de un post

La etiqueta quedaría así:

<img src="http://blog.educastur.es/seminariosan/files/2010/11/crystal_clear_app_login_manager.png "/> Ejemplificación de una imagen incluida en el título de un post

Saludos
Jose A Leredo. Leer Mas...

Ejemplificación inclusión EMBED procedente de Agraga: SIM91 Equipos de Instalaciones Frigoríficas

Ejemplificación de inclusión del código embed procedente de la plataforma AGREGA:








En la pestaña "Edición de HTML", hemos pegado el código embed que proporciona AGREGA y que en este caso es este:

<a href='http://agrega.educacion.es/ODE/es/es_2010071212_9111740/embed' target='_blank'><img src='http://agrega.educacion.es/galeriaimg/fa/es_2010071212_9111740/es_2010071212_9111740.png' alt='SIM91 Equipos de instalaciones frigoríficas' title='es_2010071212_9111740'></a>

El resultado es la imagen enlazada de la cabecera del artículo.

En el momento de redactar este post, parece que la url del embed no es correcta pues al pinchar sobre la imagen no da un error.

http://agrega.educacion.es/visualizador-1/es/pode/presentacion/visualizadorSinSecuencia/visualizar-datos.jsp

Si persiste el error pinchar en la dirección anterior.

Por otro lado, aquí podéis ver la demo del simulador de Equipos de Instalaciones Frigoríficas.

Sencillamente se ha subido el archivo *.flv a blogger mediante el icono "Insertar un vídeo" del menú. Bueno en esta caso mas que el vídeo se ha subido la URL del mismo, pues el archivo está alojado en otro servidor.


El código en edición de HTML del vídeo obtenido desde la pestaña "Edición de HTML"  es:

<div class="separator" style="clear: both; text-align: center;">
<object height="266" id="BLOG_video-2086fea8d5bef8b0" class="BLOG_video_class" contentid="2086fea8d5bef8b0" width="320"></object></div>

Jose A Laredo

Leer Mas...

Publicar un PDF en Blogger

El interfaz de gestión que ofrece Blogger NO permite subir directamente archivos PDF. Sin embargo, de la misma forma que existe un espacio donde se guardan las imágenes (Álbumes Web de Picasa) , existe un espacio denominado Google Sites, asociado a la cuenta de usuario Google, donde es posible subir archivos de distinto tipo para luego enlazarlos desde el blog para su descarga.

En este PDF [313 KB] se explica el procedimiento para hacerlo: Pincha aquí

Información extraída del curso del ITE "Multimedia y Web 2.0"

Estas capturas de pantalla te ilustran de forma gráfica el proceso:

• Documento a publicar en este artículo de Blooger:

 

• Enlace a incluir en el artículo para que pueda descargase.

Copiar la ruta del enlace nos lleva a la URL del enlace que no es mas que esta: https://sites.google.com/site/laredomw20/pdf/201010_publicarPDFBlogger_Update.pdf

• Otra forma de visualizar el documento es copiando la ruta del enlace de la opción ver.
• Esta URL en nuestro caso es algo tan extraño como: https://docs.google.com/viewer?a=v&pid=sites&srcid=ZGVmYXVsdGRvbWFpbnxsYXJlZG9tdzIwfGd4OjQ2ZDM3YzFkMDkwZGRhMTU
• Abajo se reproduce una miniatura de la página visualizada directamente con el visor de Google.

Espero que esta información te sea útil.

Jose A Laredo

Leer Mas...