Embedr es un servicio online y gratuito, que nos permite crear listas de reproducción personalizadas de hasta 100 vídeos.

Es muy fácil de utilizar, tan solo necesitamos ir copiando las URL de los vídeos que queremos publicar, y es compatible con vídeos alojados en YouTube, MySpace Video, DailyMotion, MetaCafe, Veoh, Vimeo, Blip.tv y otros, los cuales podremos mostrar en un solo reproductor.

Y por supuesto, nos proporciona el código HTML de un reproductor elegante y compacto, que copiaremos en nuestro sitio web. El reproductor mostrara los videos que hayamos seleccionado para publicar, con un efecto al estilo CoverFlow, el servicio nos permite ordenar los vídeos a nuestro gusto.

Embedr nos permite personalizar el reproductor, como lo hacemos en YouTube, seleccionando el color de los bordes, el tamaño y el modo de reproducción.

Me parece una opción muy interesante sí necesitamos publicar vídeos relacionados o capítulos de un programa y sin usar plugins.

Demo lista reproducción de videos creada con Embedr:

En la entrada anterior vimos como publicar mapas usando el código HTML que nos propociona Google Maps. En esta ocasión, vamos a utilizar shortcodes para evitar el inconveniente que supone re-escribir el código, ya que se pierde sí necesitamos reeditar el artículo o la página.

¿Qué es un shortcode?

Los shortcode son un código específico de WordPress, que nos  permiten integrar archivos o crear objetos con poco esfuerzo y sin utilizar plugins. De hecho existen repositorios de los Shorcodes más utilizados.

Los shortcode los introduciremos en la entrada o en la página donde queramos publicar el recurso, y para que todo funcione hay que realizar unos ajustes previos en el archivo functions.php de nuestro tema activo.

Como publicar Google Maps en WordPress con shortcode

1 Añade el siguiente código al archivo functions.php

Lo primero que tenemos que hacer es crear la función que nos permita publicar un mapa, y para ello acudiremos al archivo functions.php del tema que estamos utilizando.

El archivo functions.php se encuentra dentro de la carpeta themes. Recuerda que tienes que modificar el archivo de tu tema activo.

Una vez abierto, el archivo functions.php, introducimos el siguiente código:

//Google Maps Shortcode
function fn_googleMaps($atts, $content = null) {
extract(shortcode_atts(array(
"width" => '640',
"height" => '480',
"src" => ''
), $atts));return
'<iframe width="'.$width.'" height="'.$height.'"
frameborder="0" scrolling="no" marginheight="0"
marginwidth="0" src="'.$src.'"></iframe>';
}
add_shortcode("googlemap", "fn_googleMaps");

Estos son los ajustes por defecto que tendrán los mapas que publiques, pero puedes cambiar el tamaño y dar uno que se adapte mejor al ancho de tu tema, modificando los valores en píxeles del ancho, width, y alto, height.

• Sí usas un único mapa en tu sitio:

Si vas a usar un único mapa, puedes poner en el shortcode del archivo functions.php, la URL del mapa que quieres publicar. Si vas a usar diferentes mapas hay que dejarlo en blanco.

• Sí usas un mapa diferente o de diferente tamaño en cada página o post:

Si vas a usar mapas de Google Maps en diferentes páginas o entradas y con diferente tamaño, puedes modificar la URL y el tamaño de cada mapa directamente en el shortcode de cada página o post, por ejemplo:

[googlemap width="200" height="200" src="URL"]

En este caso sustituye “URL” por la url que genera Google tras la personalización, ojo debes copiarla completa.

Finalmente guarda los cambios del archivo functions.php.

2 Busca en Google Maps el mapa que quieres mostrar

Pon la dirección del mapa que te interese publicar en tu wordpress en Google Maps

Haz clic en Enlazar, sí quieres puedes Personalizar el mapa que vamos a insertar.

y en el apartado Copia este código HTML para incrustar el mapa en tu sitio web, como podemos ver en la imagen siguiente:

copia la dirección que genera Google Maps, en concreto la parte marcada en azul, es el código que va entre comillas (“) despues de SRC= y hasta EMBED.

Un ejemplo de la dirección URL que tienes que copiar:

“http://www.google.com/maps?f=q&source=s_q&hl=es&geocode=&q=Calle+de+Pedro+Cerbuna,+50009+Zaragoza,+Espa%C3%B1a&sll=41.639052,-0.887318&sspn=0.117642,0.244446&ie=UTF8&hq=&hnear=Calle+de+Pedro+Cerbuna,+50009+Zaragoza,+Arag%C3%B3n,+Espa%C3%B1a&ll=41.640467,-0.89739&spn=0.011225,0.018239&z=15&iwloc=A&output=embed”

3 Introduce el shortcode en el post o la página

Donde quieras que se muestre el mapa de Google Maps escribe el shortcode:

[googlemap src="URL"]

Sustituye la palabra URL por la url que acabas de copiar tras la personalización, debes copiarla completa. Es muy importante que el código de la URL sea el que lleva el “embed”, para que no te inserte la página completa del Google sino solamente el mapa.
No hay diferencia visual con respecto a publicar el mapa utilizando el código <iFrame> que nos proporciona Google Maps, pero nos evitamos el inconveniente de tener que volver a copiar el código del mapa, sí realizamos algún cambio en la entrada o página donde está publicado.

Demo:

Ver mapa más grande

Google Maps nos permite publicar mapas en nuestro blog, o página web, de una manera sencilla, ya que nos proporciona el código HTML necesario para insertarlo.

Como Publicar mapas en WordPress

1 Busca en GoogleMaps el mapa que quieres mostrar

En Google Maps pon la dirección y te aparecerá el mapa, que te interese insertar en tu WordPress

2 Haz clic en Enlazar

Al hacer click en la opción Enlazar, se abre una nueva ventana, y allí encontramos el código HTML, necesario para insertar el mapa en cualquier web.

Podemos cambiar el tamaño de la ventana del mapa y algunos detalles más, ya sea a mano o a través de las diferentes opciones, es muy sencillo y para ello haremos click en Personalizar y obtener vista previa del mapa que se va a insertar, como podemos ver en la siguiente imagen:

Cuando ya tengamos el mapa listo copiaremos el código HTML e iremos a WordPress

3 Introduce el código iFrame en el post o la página

Ya en WordPress introduciremos el código, que nos proporciona Google Maps utilizando el editor HTML, en la entrada o página que queramos publicar el mapa.

De esta manera estamos insertando (embeber) como objeto el mapa de Google Maps, al igual que hacemos con vídeos y archivos flash. Pero hay un inconveniente, y es que sí necesitamos reeditar el artículo o la página perderemos el código, teniendo que volver a introducirlo. Pero, como no podía ser de otro modo, WordPress tiene soluciones para casi todo y podemos sortear este inconveniente sin necesidad de plugins (particularmente no me gustan y los evito siempre que puedo), insertando el código mediante un shortcode. Lo veremos en el siguiente artículo.

Demo:

Quick Time X

Quick Time X ha reemplazado a QuickTime 7 en Mac OS X Snow Leopard, con las ventajas de ser un reproductor más eficiente y con una nueva interfaz, más simplificada e intuitiva.

Sí con Quick Time 7 Pro la variedad de formatos y códecs posibles a configurar un archivo de vídeo me resultaba indigesta y confusa, Quick Time X ha simplificado al máximo las posibilidades de compresión y formatos.

Quick Time X ha sido optimizado para adaptarse a los formatos multimedia más modernos, como H.264 y AAC, y sobre todo a las necesidades de los usuario, tanto en el aspecto de mejorar y facilitar el proceso de compresión y de publicación de un contenido multimedia en la red. Como a la hora de recibir ese contenido y poderlo visualizar sin dificultad en cualquier tipo de dispositivo, tanto si visualizamos el contenido de vídeo en un ordenador o en un dispositivo portátil como el iPhone o el iPod.

Ahora tan solo necesitamos saber que vamos a hacer con nuestro vídeo (publicar internet, grabar disco…), y en un solo click la aplicación se encarga de realizar todos los ajustes necesarios para que nuestra película pueda ser visualizada con la mayor calidad de reproducción y adaptada a la velocidad disponible de las redes por cable o inalámbricas.

Después de unas pruebas y para mi gusto, el formato más interesante para publicar en internet es un archivo .m4v, que se consigue con: Archivo > Guardar como > iPhone, este formato permite una correcta visualización en dispositivos móviles y ordenadores, sea cual sea su velocidad de conexión.

Como publicar un archivo .m4v en WordPress

Para publicar estos archivos .m4v en worpress, he usado el mismo procedimiento y recursos que utilizo para publicar los archivos .mov:

• El Plugin que más me gusta es Vipers Video QuickTags, puedes consultar:  Publicar video en wordpress con plugins

• Otra recurso que utilizo es la opción del tablero de edición visual de wordpress Objeto, puedes consultar: Publicar video en wordpress

Demo publicación .m4v:

Pinche aquí para ver el vídeo

Como publicar archivos .swf en wordpress

En está ocasión vamos ver como publicar un archivo.swf en nuestro blog sin realizar una conversión a ningún otro tipo de formato. Así que he googleado un poco y las opciones que he encontrado se resumen a insertar código HTML.

- Código HTML para insertar un archivo .swf en wordpress:

<object id="movie" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="movie.swf" /><param name="name" value="movie" /><param name="quality" value="high" /><embed id="movie" type="application/x-shockwave-flash" width="400" height="300" src="movie.swf" quality="high" name="movie"> </embed></object>

Otra opción de código HTML, más simple e igual de eficaz, es la que últimamente empleo:

<object width="550" height="400">
<param name="movie" value="movie.swf">
<embed src="movie.swf" width="550" height="400">
</embed>
</object>

Recuerda cambiar el valor movie.swf por la referencia de tu .swf, y que no haya espacios en blanco en el código HTML.

- Generador de código on-line para publicar archivos .swf en wordpress:

Y se me ocurrio seguir buscando, ahora más orientada a encotrar, alguna herramienta online que pudiera hacerlo. Y he encontrado un generador de código para insertar archivos .swf, creado por Alan Edwardes.

Es tan sencillo como ingresar la URL del archivo .swf que queremos publicar y el sistema generará el código automáticamente para que lo podamos insertar en nuestro blog, utilizando el editor HTML.

Además el sistema detecta automáticamente el tamaño del flash, con lo cual siempre será del tamaño original, y así más tarde podremos modificarlo y dejarlo a nuestro gusto reduciendolo o ampliandolo.

Demo:

Esta animación la he sacado copiando la url de la página, que contiene un archivo .swf y la he copiado en el generador on-line.

Este vídeo explica los orígenes y aventuras del proyecto Creative Commons.

Demo de Formulario creado en Google Docs, utilizando los diferentes tipos de preguntas y una de las plantillas ya diseñadas por Google Docs.

Demo PDF publicado en wordpress utilizando PDF menot.

Como en otras ocasiones este servicio on-line me da problemas. He introducido la misma URL que en Google Docs Viewer y el resultado:

Demo PDF publicado en wordpress utilizando Google Docs Viewer

Demo publicación Power Point utilizando Google Docs y Slideshare

Demo publicación power point desde Slideshare.

Esta presentación es un tutorial de Karina Crespo, de como utilizar este recurso.

Ver más presentaciones en Slideshare.

Demo de pase de diapositivas hecho con iPhoto 9 y transformado con MPEG-STREAMCLIP en un video .flv, y publicado en wordpress, utilizando el plugin Video Quicktags.

Pinche aquí para ver el vídeo

Sí quieres saber un poco más sobre como convertir vídeos .mov en vídeos .flv, pulsa aqui y accederas al tutorial que he preparado.

Sí quieres saber un poco más sobre esta forma de publicar vídeos .flv, pulsa aqui y accederas al tutorial que he preparado.

Información del archivo