oEmbed y Django: incrusta contenidos de servicios web con django-oembed

oEmbed es un formato que permite usar una representación embebida de una URL en sitios web de terceros. La API de oEmbed permite a un sitio web incrustar contenido (como fotos o vídeos) de otros servicios web simplemente con un enlace al recurso que quiere se publicar. De esta forma se evita tener que utilizar una API distinta para incrustar contenidos de cada servicio web. Varios sitios como Flickr, Viddler, Qik, Hulu o Vimeo permiten acceder a sus contenidos mediante oEmbed. Además el sitio web oohEmbed sirve como wrapper para acceder a contenidos de otros sitios como YouTube, Wikipedia ó Wordpress.com entre otros.

Por ejemplo, la URL http://www.flickr.com/services/oembed?url=http://www.flickr.com/photos/ccgd/107274692/ devuelve el XML:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<oembed>
    <version>1.0</version>
    <type>photo</type>
    <title>Trees Snow and Shadows</title>
    <author_name>ccgd</author_name>
    <author_url>http://www.flickr.com/photos/ccgd/</author_url>
    <cache_age>3600</cache_age>
    <provider_name>Flickr</provider_name>
    <provider_url>http://www.flickr.com/</provider_url>
    <width>500</width>
    <height>363</height>
    <url>http://farm1.static.flickr.com/44/107274692_c6c32bba58.jpg</url>
</oembed>

Si preferimos recibirlo en formato JSON basta con añadir el parámetro format=json a la misma URL.

Django-oembed es una aplicación que facilita transformar los enlaces a estos servicios que aparecen en el texto introducido por nuestros usuarios en el contenido embebido al que enlazan (vídeos, imágenes, etc.). De esta forma cuando un usuario enlaza a una imagen de Flickr ó un vídeo de Viddler podemos incluirlos directamente.

Para utilizar django-oembed basta con seguir los siguientes pasos:

1. Descargamos django-oembed e incluimos 'oembed' en el setting INSTALLED_APPS de nuestro settings.py

2. En la plantilla que queramos utilizar django-oembed para incrustar los contenidos enlazados cargamos los tags de oEmbed:

   {% load oembed_tags %}
   

3. Utilizamos el tag oembed para reemplazar las URLs con enlaces de sitios que soportan oEmbed por los contenidos a los que éstos apuntan:

   {% oembed %}
      Una foto muy buena: http://www.flickr.com/photos/ccgd/107274692/
   {% endoembed %}
   

4. Opcional: Algunos recursos soportan definir un ancho y alto concreto para el contenido a incrustar. Basta con definirlo en el tag oEmbed de la siguiente manera:

   {% oembed 320x240 %} ...URL con contenido... {% endoembed %}
   

5 comentarios:

El Miércoles 5 de Octubre de 2011 Cheap Web Design dijo:
Flickr ó un vídeo de Viddler podemos incluirlos directamente.

El Martes 22 de Noviembre de 2011 Duyal servicios web dijo:
Buen aporte esta noticia nos muestra información detallada y concisa.

El Martes 27 de Diciembre de 2011 Sonia dijo:
According to my own investigation, millions of persons on our planet receive the mortgage loans from different creditors. Thence, there's great possibilities to receive a car loan in all countries.

El Sábado 31 de Diciembre de 2011 makeityourring diamond engagement rings dijo:
I'm pleased in the form of visitor of your perfect site!, regards in this rare info!.

El Lunes 2 de Enero de 2012 simran dijo:
I think your blog is excellent some very interesting comments in your articles.