jueves, 15 de febrero de 2007

Multimedia en Wordpress.com

splashcastLa blogosfera ha sido hasta ahora un ámbito en el que el texto y las imágenes se acompañaban mutuamente en la publicación de blogs o bitácoras. Pero últimamente ya se está normalizando la inclusión de elementos multimedia tales como vídeos, audios, presentaciones o pases de diapositivas, entre otros muchos. Y los gestores de contenido han empezado a proporcionar etiquetas de código para que los usuarios incorporen multimedia en sus posts o artículos. El problema principal es que un gestor tiene que evitar el código maligno que pudiera escribir cualquier desaprensivo (que los hay, y muchos). Por ello, sistemas abiertos a todos los públicos como el de Wordpress.com tiene sus formas propias de incluir multimedia, que vamos a examinar en este artículo.

Sorprende, por otro lado, que el servicio de Blogger deje incorporar cualquier código multimedia sin necesidad de purificarlo con etiquetas. Debe de tener un sistema de seguridad muy bueno, porque si no, no se entiende esa libertad del usuario. Lo normal en estos casos es que se proporcionen etiquetas de códigos que impidan a los crackers hacer de las suyas. Wordpress.com va incorporando poco a poco estas etiquetas y ya tiene unas cuantas que parecen suficientes para cualquier amante de la multimedia, aunque estoy seguro de que irán creando todavía más. A continuación pongo las etiquetas, y después un ejemplo, que a veces será el mismo que incluye la documentación de Wordpress.com.

Vídeo de YouTube


[youtube=http://youtube.com/w/?v=_dIya1aJJKA]


[youtube=http://youtube.com/w/?v=_dIya1aJJKA]

Vídeo de Google Video


[googlevideo=http://video.google.es/videoplay?docid=7739077771363315070]


[googlevideo=http://video.google.es/videoplay?docid=7739077771363315070]

Vídeo de Dailymotion


[dailymotion id=5zYRy1JLhuGlP3BGw]







Vídeo, música, fotos y texto con Splashcast


[splashcast CLIW1846SO]


[splashcast CLIW1846SO]

Vídeo de LiveVideo


[livevideo id=F25406F905A64843B19E7CDC3CFD04A4]


[livevideo id=F25406F905A64843B19E7CDC3CFD04A4]

Vídeos y podcasts en Podtech


[podtech content=http://media.podtech.net/media/2007/02/PID_010135/Podtech_UMSolarCar.flv&postURL=http://www.podtech.net/home/technology/2037/umsolar-powered-by-the-sun&totalTime=425000&breadcrumb=3F34K2L1]


[podtech content=http://media.podtech.net/media/2007/02/PID_010135/Podtech_UMSolarCar.flv&postURL=http://www.podtech.net/home/technology/2037/umsolar-powered-by-the-sun&totalTime=425000&breadcrumb=3F34K2L1]

Reproductor de audio de Wordpress


[audio http://wordpress.com/files/2007/01/mattmullenweg-interview.mp3]


[audio http://wordpress.com/files/2007/01/mattmullenweg-interview.mp3]

Audio de Odeo


[odeo=http://odeo.com/audio/663653/view]


[odeo=http://odeo.com/audio/663653/view]

Sonific


[sonific 6cfbf14342420c034e0ed2922758a3f9415e1732]


[sonific 6cfbf14342420c034e0ed2922758a3f9415e1732]

Pases de diapositivas


[rockyou id=39325435] -
[rockyou id=39325435&w=400&h=300], con anchura y altura personalizada
[rockyou id=39325435]

Lo último ha sido la incorporación de pases de diapositivas y del Vodpod Widget, con el que se incluye una serie de vídeos que el usuario guarda en forma de pods. Pero si queréis informaros más a fondo, leed (en inglés) los siguientes artículos del blog de Wordpress.com:


Algunos de estos servicios multimedia tienen ya preparadas sus etiquetas para copiarlas e introducirlas en nuestros post, y otras etiquetas tendremos que elaborarlas nosotros sin necesidad de mucha habilidad. No sé si esto será suficientes para los más exigentes, pero parece que Wordpress.com nos ofrece la posibilidad de acompañar nuestros posts con toda una serie de variados elementos multimedia que puede enriquecer nuestros blogs y hacer que su lectura sea atractiva y amena.

[Actualizado el 24 de marzo de 2007 con los pases de diapositivas]

33 comentarios :

  1. Hola Alejandro
    Una buena recopilación sobre las posibilidades multimedia de WordPress. Empezó allá por agosto con odeo, Youtube y vídeo Google y cómo ha ido aumentando las posibilidades de publicación. Echo en falta un código para Slideshare, me imagino que llegará pronto.
    Saludos

    ResponderEliminar
  2. Isidro,

    Estoy enredando en un nuevo WordPress del Instituto con varios tipos de multimedia y funcionan todos bastante bien. En concreto, y tras tu comentario, he colocado un Slideshare de Tíscar para probar y va perfecto en Firefox y Opera. No así en IE7. No me preguntes porqué.

    Este es el blog de prueba del Instituto:

    http://www.blogleonardo.iesleonardodavinci.net/

    ResponderEliminar
  3. Hola Alejandro:
    Llevo tiempo queriendo incorporar flash al blog. Encontré http://www.toongum.com/submit/, que es algo así, eso creo, como youtube, pero para archivos de flash, aunque todavía no he podido utilizarlo. ¿Conoces algún otro método para hacerlo?
    Gracias
    MªCarmen

    ResponderEliminar
  4. Con permiso,
    Hola Jose Mª, por lo que veo en la dirección del blog es un WordPress alojado en un servidor, no es igual que este que es de WordPress.com. En los WP propios, alojado en un servidor, ya he probado el Slideshare y se deja publicar, pero en en wordpress.com no he visto cómo hacerlo hasta ahora.
    Saludos

    ResponderEliminar
  5. En este artículo he mostrado, si no me he olvidado de alguna, todas las etiquetas multimedia que se pueden poner en un blog de Wordpress.com. Tampoco es tan grave que no existan etiquetas para otros elementos multimedia tales como una presentación de Slideshare o una película flash, pues siempre se puede hacer un enlace para verlos en sus sitios originales, acompañado, por ejemplo, con una imagen para presentarlo en el blog y que quede bonito.

    ResponderEliminar
  6. Tienes razón Alejandro, todo tiene arreglo menos dos o tres cosas.
    Saludos

    ResponderEliminar
  7. Alejandro,

    Una recopilación de campeonato. Gracias.
    Marenas, para incorporar un archivo flash en un worpress instalado en tu servidor, puedes utilizar este plugin:
    http://x-web.blogcindario.com/2007/01/00136-flash-simple-1-4.html
    salud

    ResponderEliminar
  8. Gracias, José.
    Un saludo.
    MªCarmen Arenas

    ResponderEliminar
  9. Hola, Francesvirtual:
    ¿Podrías indicar detalladamente qué pasos has dado para insertar las diapositivas o los vídeos? ¿Qué 'plugin' hay que instalar?
    Gracias.

    ResponderEliminar
  10. Javko,

    He utlizado la propias de cada uno de los elementos multimedia. Pero tiene razón Isidro: estas etiquetas no funcionan cuando se tiene alojado el blog en wordpress.com. Sólo funcionan en un Wordpress alojado en un servidor distinto.
    Siempre nos quedará Blogger... Aunque allí, al intentar publicar un post con la etiqueta <embed> nos dirá que no está cerrada y, por tanto, habrá que cerrarla manualmente.

    ResponderEliminar
  11. Javko,

    Como complemento a mi anterior comentario, acabo de encontrar en la sección FAQ de Wordpress esta explicación sobre la imposibilidad de incluir etiquetas de flash y vídeo :

    "Can I add flash? video? Embed other media?

    For security reasons we remove the tags needed for the above. Your intentions may be innocent but someone somewhere would try to damage the site.

    Currently we allow the linking to files from Google Video, Youtube, DailyMotion, Grouper, Odeo, and SplashCast.
    "

    ResponderEliminar
  12. Hola Alejandro:
    Muchas gracias por el artículo, me ha venido muy bien y me ha decidido definitivamente para pasarme de Blogger a WordPress.
    Ya he probado con Odeo, Sonific y YouTube y funciona muy bien.
    Sólo un pero..., Odeo y Sonific tienen poca música en español.

    http://fontanarejo.wordpress.com
    http://jrnavar.wordpress.com (Blog de mi aula)

    ResponderEliminar
  13. [...] que le he hecho y su respuesta, en la que me envía a este artículo de Alejandro Valero en Blogestores. Al entrar aquí me ha quedado todo definitivamente claro. En este artículo aparece la relación [...]

    ResponderEliminar
  14. Gracias en primer lugar a Alejandro por el magnífico trabajo de recopilación. Yo he descubierto hace dos dias la existencia de Odeo y la posibilidad de incluir podcasts en Wordpress. Pero esta avalancha de multimedias es increíble. Los comentarios también me ayudan mucho y me dan información útil. ¡Hay que ver lo que sabeis!

    ResponderEliminar
  15. [...] Comments Una cosa es navegar, otra ir a la deriva y otra derivar. Por causal casualidad encuentro esta recopilación de BloGestores para incluir multimedia en blogs de Wordpress.com. Algunos de los comentarios allí tienen la misma dificultad que yo: no veo la forma de incluir [...]

    ResponderEliminar
  16. Hola..He leido atentamente este artìculo, y lo he encontrado super bueno. Aprovecho para preguntarte lo siguiente: en que parte de Wordpress instalo los pluggins? Gracias

    ResponderEliminar
  17. Newman, si tienes una instalación propia de Wordpress en un servidor particular, tienes que transferir la carpeta del plugin a la carpeta "wp-content/plugins" de la instalación en tu servidor. Después aparecerá su nombre en la sección Plugins del panel de Wordpress. Allí sólo tienes que activar el plugin haciendo clic en el enlace "Activar" correspondiente, y ya funcionará.

    ResponderEliminar
  18. Alejandro..Lamentablemente no tengo una instalaòn propia, es el gratuito..eso querrìa decir que no puedo instalar ningùn pluggin?
    Gracias nuevamente

    ResponderEliminar
  19. [...] un magnifico artículo de Alejandro Valero,  “Multimedia en Wordpress” , en [...]

    ResponderEliminar
  20. Me ha gustado mucho el blog de la clase

    ResponderEliminar
  21. Gracias por esta estupenda ayuda.
    Además de añadir estos elementos ¿se pueden añadir ejercicios de HotPotatoes? ¿Cómo? En Blogger parece ser que se hace mediante la etiqueta "iframe"... Este tema me está haciendo dudar entre Blogger y WordPress (versión gratuita) aunque la posibilidad de crear páginas estáticas también es un elemento a tener en cuenta...

    ResponderEliminar
  22. Amparo, en Wordpress.com no se pueden añadir actividades creadas con Hot Potatoes porque no admite la etiqueta IFRAME de HTML ni muchas otras por motivos de seguridad. Blogger sí admite este código. Pero siempre puedes enlazar este tipo de actividades guardadas en otro servidor.

    Resulta difícil elegir entre Wordpress.com y Blogger. Depende de lo que quieras hacer. En todo caso, Blogger pertenece a Google, ese monstruo de mil cabezas que quiere adueñarse de todo.

    ResponderEliminar
  23. Muchas gracias Alejandro, tendré en cuenta tu sugerencia.
    ¡Feliz verano!

    ResponderEliminar
  24. ¡Hola! yo quería preguntarte cómo se pone un video de you tube en mi blog, porque copio las estiquetas que vienen al lado del video, pero luego yo quisiera que estuviera el vídeo en mi blog, no un enlace a you tube, no sé si me explico. Gracias

    ResponderEliminar
  25. [...] Wordpress.com — Blogtalleres @ 10:49 am Tags: blogs, multimedia, Wordpress.com Encuentro esta completa recopilación de BloGestores para incluir multimedia en blogs de Wordpress.com. Algunos de los comentarios allí tienen la misma dificultad que yo: no veo la forma de incluir en [...]

    ResponderEliminar
  26. [...] MULTIMEDIAS PARA TU BLOG DE WORDPRESS COMPATIBLES http://blogestores.wordpress.com/2007/02/15/multimedia-en-wordpresscom/ [...]

    ResponderEliminar
  27. Bien! Cuando uno encuentra lo que busca se siente felíz! Así me siento yo al encontrar esta recopilación precisa que has hecho. Gracias y mil gracias!

    ResponderEliminar
  28. [...] WordPress.com plataformako blogetan multimedia baliabideak txertatzeko kodeak [...]

    ResponderEliminar
  29. Hola Alejandro, felicitaciones y gracais por tus aportes, cómo se hacelas entradss cortas o ampliables (leer mas ) en blogger.

    ResponderEliminar
  30. La verdad que el contenido multimedia y el audio son herramientas exelentes que ayudan a captar la atención de el lector lo bueno es no enpalagar con estas cosas y aprender a utilizarlas correctamente.

    ResponderEliminar