oEmbed Unterstützung
Für die WordPress Version 2.8 ist die oEmbed Unterstützung in Planung. Doch was ist das überhaupt?
Immer mehr Onlinedienste wie YouTube, Flickr oder Last.fm bieten den Benutzern an die Inhalte der Seiten mit Hilfe von Code auf anderen Seiten einzubauen. So findet man beispielsweise auf der Seite von YouTube zu jedem Video einen Embeded Code, der es möglich macht überall im Web den YouTube Videoplayer aufzurufen und das Video zu schauen. Dies funktioniert heute schon gut und wird von vielen Plattformen angeboten, doch gibt es bisher noch keinen Standard des Einbindens von Inhalten, so dass sich die Codes und die damit verbundenen Optionen stark unterscheiden. Auf einigen Seiten wird noch nicht einmal solch ein Code angeboten.
Oembed versucht einen Standard für das Einbinden von Inhalten einer Seite in eine andere Seite zu schaffen. Die unterstützten Inhalte reichen von Fotos über Links bis hin zu Videos. Durch die oEmbed API soll es für die Anbieter so wie für die Konsumenten viel einfacher werden die Inhalte dieser Dienste im Web zu verteilen.
Bilder
Bisher sieht der Code von Flickr so aus:
<a href=”http://www.flickr.com/photos/luxagraf/137254255/” title=”Nepal-Sarangkot_12_16_05_31 von luxagraf bei Flickr”><img src=”http://farm1.static.flickr.com/50/137254255_008f50c357.jpg” width=”375″ height=”500″ alt=”Nepal-Sarangkot_12_16_05_31″ /></a>
In Zukunft soll eine reine URL im <img> Tag reichen.
http://.flickr.com/services/oembed/?url=http%3A//www.flickr.com/photos/luxagraf/137254255/
Möglich wird dies durch die oEmbed API, der Browser sendet seine Anfrage an Flickr und bekommt einen XML Code als Antwort zurückgesendet.
<OEmbed>
<version>1.0</version>
<type>photo</type>
<title>Nepal-Sarangkot_12_16_05_31</title>
<author_name>luxagraf</author_name>
<author_url>http://www.flickr.com/photos/luxagraf/</author_url>
<cache_age>3600</cache_age>
<provider_name>Flickr</provider_name>
<provider_url>http://www.flickr.com/</provider_url>
<width>375</width>
<height>500</height>
<url>http://farm1.static.flickr.com/50/137254255_008f50c357.jpg</url>
</Oembed>
Die Informationen zu dem Bild werden also nicht mehr als unlesbarer Quelltext empfangen, sondern als strukturierter und für Computer lesbarer Code mit weiteren Informationen.
Videos
Ein weiteres Beispiel mit einem Video von Viddler
Bisher ist folgender Code nötig:
<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ width=”437″ height=”370″ id=”viddler”><param name=”movie” value=”http://www.viddler.com/player/4310bfba/” /><param name=”allowScriptAccess” value=”always” /><param name=”allowFullScreen” value=”true” /><param name=”wmode” value=”transparent”/><embed src=”http://www.viddler.com/player/4310bfba/” width=”437″ height=”370″ type=”application/x-shockwave-flash” allowScriptAccess=”always” allowFullScreen=”true” wmode=”transparent” name=”viddler” ></embed></object>
Mit oEmbed nur noch diese URL mit dem Parameter der Breite 400px.
http://lab.viddler.com/services/oembed/?url=http%3A%2F%2Fwww.viddler.com%2Fexplore%2FRickRoll%2Fvideos%2F2%2F&width=400&format=xml
So wird dieser XML Code zurückgeliefert:
<?xml version=”1.0″ encoding=”UTF-8″?>
<OEmbed>
<version>1.0</version>
<type>video</type>
<width>400</width>
<height>342</height>
<title>Rick Roll Muppets Version</title>
<url>http://www.viddler.com/explore/RickRoll/videos/2/</url>
<author_name>RickRoll</author_name>
<author_url>http://www.viddler.com/explore/RickRoll/</author_url>
<provider>Viddler</provider>
<provider_url>http://www.viddler.com/</provider_url>
<html><object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ width=”400″ height=”342″ id=”viddlerplayer-4310bfba”><param name=”movie” value=”http://www.viddler.com/player/4310bfba/” /><param name=”allowScriptAccess” value=”always” /><param name=”allowFullScreen” value=”true” /><embed src=”http://www.viddler.com/player/4310bfba/” width=”400″ height=”342″ type=”application/x-shockwave-flash” allowScriptAccess=”always” allowFullScreen=”true” name=”viddlerplayer-4310bfba” ></embed></object></html>
</Oembed>
Man bekommt neben den heute noch selbst eingebauten Code auch viele weitere Informationen zu dem Video.
Das Einfügen externen Medien würde mit oEmbed endlich komfortabler funktionieren. Durch diese Schnittstelle könnten zu den Bildern, Videos oder verlinkten Seiten viele weitere Interessante Informationen abgerufen werden, die man bis jetzt nur auf den Betreiberseiten findet. Von vielen Anbietern wird oEmbed bereits angeboten, es gibt auch schon WordPress Plugins, die diese API unterstützten. Es ist also an der Zeit, dass sich dieser Standard endlich durchsetzt.
Weitere Informationen unter oEmbed.com
25. November 2008
Schlagwörter:
bbPress ist die Foren-Software von