<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Chase Your Dreams! &#187; oEmbed</title>
	<atom:link href="http://sunchaser.info/category/it/cross-site-connectivity/oembed/feed" rel="self" type="application/rss+xml" />
	<link>http://sunchaser.info</link>
	<description>Christian Archer</description>
	<lastBuildDate>Fri, 18 May 2012 11:42:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>oEmbed и WordPress</title>
		<link>http://sunchaser.info/2009/12/20/oembed-i-wordpress.html</link>
		<comments>http://sunchaser.info/2009/12/20/oembed-i-wordpress.html#comments</comments>
		<pubDate>Sun, 20 Dec 2009 17:15:57 +0000</pubDate>
		<dc:creator>SunChaser</dc:creator>
				<category><![CDATA[oEmbed]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress plugins]]></category>

		<guid isPermaLink="false">http://www.sunchaser.info/?p=938</guid>
		<description><![CDATA[В принципе, в новой версии WordPress 2.9 вставка объектов oEmbed работает из коробки. Я вот сразу удалил Viper&#8217;s Video Tags для своих немногих утюбовских роликов, но нам ведь этого мало, правда? В коробке всегда что-нибудь забудут или где-нибудь перемудрят. Как это работает Берем ссылку на страничку, которая поддерживает oEmbed и не делая ее активной гиперссылкой [...]]]></description>
			<content:encoded><![CDATA[<p>В принципе, в новой версии WordPress 2.9 вставка объектов oEmbed работает из коробки. Я вот сразу удалил Viper&#8217;s Video Tags для своих немногих утюбовских роликов, но нам ведь этого мало, правда? В коробке всегда что-нибудь забудут или где-нибудь перемудрят.</p>
<p><strong>Как это работает</strong></p>
<p>Берем ссылку на страничку, которая поддерживает oEmbed и не делая ее активной гиперссылкой просто пишем отдельной строчкой (подобное поведение можно глобально отключить в настройках):</p>
<p>http://www.youtube.com/watch?v=Nej4xJe4Tdg</p>
<p>становится</p>
<p><iframe width="630" height="473" src="http://www.youtube.com/embed/Nej4xJe4Tdg?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>Если же нам нужно разместить элемент посреди текста — просто обрамляем его тегами &#x005b;embed&#x005d;&#x005b;/embed&#x005d;</p>
<p><strong>Обзор возможностей</strong></p>
<p>Сначала посмотрим что мы имеем из коробки: вставка объектов из доверенных источников. Как ни странно, доверенные источники не задаются всякими сертификатами, а просто прописаны в коде. Это:</p>
<ul>
<li>http://www.youtube.com/oembed</li>
<li>http://blip.tv/oembed/</li>
<li>http://www.vimeo.com/api/oembed.{format}</li>
<li>http://www.dailymotion.com/api/oembed</li>
<li>http://www.flickr.com/services/oembed/</li>
<li>http://www.hulu.com/api/oembed.{format}</li>
<li>http://lab.viddler.com/services/oembed/</li>
<li>http://qik.com/api/oembed.{format}</li>
<li>http://revision3.com/api/oembed/</li>
<li>http://photobucket.com/oembed</li>
<li>http://photobucket.com/oembed</li>
<li>http://www.scribd.com/services/oembed</li>
<li>http://wordpress.tv/oembed/</li>
</ul>
<p>негусто. Зато вроде все проверенные, да и всё равно большинству нужен только утюб. Их можно использовать всем юзерам (возможно даже в камментах — не проверял). В принципе, плагинами можно список расширить, но есть способ лучше.</p>
<p><strong>Снимаем ограничения</strong></p>
<p>Итак, первый бонус — <a href="http://www.viper007bond.com/wordpress-plugins/other-plugins/enable-oembed-discovery/">Enable oEmbed Discovery</a> от Viper007Bond. Снимает ограничение на доверенные источники. Теперь пользователи, имеющие право доступа &#8220;unfiltered_html&#8221; (по умолчанию это роли Admin и Editor) могут добавлять любые странички, поддерживающие oEmbed. Профит? Профит!</p>
<p><strong>А мы чем хуже?</strong></p>
<p>Сделаем блог источником вставок. Для этого нам нужен плагин <a href="http://wordpress.org/extend/plugins/oembed-provider/">oEmbed Provider</a>. Ставим и радуемся. Каких-либо настроек у него я не нашёл, хотя хотелось бы заменить тип с &#8216;link&#8217; на &#8216;rich&#8217;, но это не настолько принципиально.</p>
<p>Теперь ваш блог готов к Web 3.0! Ну, мой, во всяком случае, хотя для галереи бы еще не помешало, но пока нету =(</p>
]]></content:encoded>
			<wfw:commentRss>http://sunchaser.info/2009/12/20/oembed-i-wordpress.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>oEmbed</title>
		<link>http://sunchaser.info/2009/12/20/oembed.html</link>
		<comments>http://sunchaser.info/2009/12/20/oembed.html#comments</comments>
		<pubDate>Sun, 20 Dec 2009 14:52:06 +0000</pubDate>
		<dc:creator>SunChaser</dc:creator>
				<category><![CDATA[oEmbed]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.sunchaser.info/?p=937</guid>
		<description><![CDATA[И грядёт эра Web 3.0 — эра межсайтовых взаимодействий, и основана она будет на трёх китах: OpenID, OAuth и oEmbed (Кристиан Арчеронострадамус) В отличие от двух других, OpenID в представлении почти не нуждается. Это паспорт &#8220;я такой-то с такого-то сервера&#8221;. Сайт запрашивает у сервера авторизации подтверждение, типа, скажи мне myopenid.com, этот ко мне стучится правда [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: right;"><em>И грядёт эра Web 3.0 — эра межсайтовых взаимодействий,<br />
и основана она будет на трёх китах: OpenID, OAuth и oEmbed<br />
(Кристиан Арчеронострадамус)</em></p>
<p>В отличие от двух других, <a href="http://ru.wikipedia.org/wiki/OpenID">OpenID</a> в представлении почти не нуждается. Это паспорт &#8220;я такой-то с такого-то сервера&#8221;. Сайт запрашивает у сервера авторизации подтверждение, типа, скажи мне myopenid.com, этот ко мне стучится правда vasya_pupkin? Дальше мы его узнаём и пускаем как родного — за него поручились.</p>
<p><a href="http://ru.wikipedia.org/wiki/OAuth">OAuth</a> чуть хитрее. Я с ним особо не сталкивался и в дневнике не упоминал. OAuth — это средство авторизованного доступа к API. Что это, с чем его едят, кому это надо и почему это не OpenID неплохо описано <a href="http://habrahabr.ru/blogs/social_networks/77648/">в статье на Хабре</a></p>
<p>И вот мы вплотную подошли к <a href="http://ru.wikipedia.org/wiki/OEmbed">oEmbed</a> Это очень молодой и возможно даже не до конца проработанный стандарт, но дико удобный и полезный&#8230; будет, когда широко распространится. Признаюсь, узнал я о нём буквально на днях.</p>
<p>Функциональность его не нова — мы и ранее вставляли картинки тегами &lt;img&gt;, видео хтоническими конструкциями из &lt;object&gt;, &lt;embed&gt;, флешем, джавой и даже новыми средствами html5, но это каждый сервис извращался во-своему, плееры обновлялись, постоянные ссылки на странички не подкреплялись постоянными ссылками на картинки на них.</p>
<p>oEmbed унифицирует вставки произвольного кода в страницу при помощи достаточно простого API.</p>
<p>Выглядит это так:<br />
<a href="http://sunchaser.info/wp-content/uploads/2009/12/oembed.png" rel="lightbox[937]"><img class="aligncenter size-medium wp-image-940" title="oembed" src="http://sunchaser.info/wp-content/uploads/2009/12/oembed-300x67.png" alt="" width="300" height="67" /></a></p>
<p>Всё предельно просто, кроме того куда нам слать GET-запрос =)<br />
Адрес для GET-запроса хранится на самой странице, кусок которой мы хотим внедрить в виде тегов<br />
с атрибутами type=&#8221;application/json+oembed&#8221; или type=&#8221;application/xml+oembed&#8221;</p>
<p>Типы вставляемых элементов:</p>
<ul>
<li><strong>photo</strong> — изображение. Например, с сервиса Flickr. Результат по идее скармливается тегу&lt;img&gt;</li>
<li><strong>video</strong> — видео, а возможно и аудио. Поддерживается Google Video и YouTube</li>
<li><strong>link</strong> — ссылка на документ. Допускается краткое (да и полное) содержимое, хотя отображение текста зависит скорее от желания приёмника. WordPress, например, отображает только заголовок, а вот сервис микроблогов identi.ca показывает предпросмотр. Именно линки создаёт плагин oEmbed Provider для WordPress, о котором в следующей мессаге</li>
<li><strong>rich</strong> — просто вставка куска текста =)</li>
</ul>
<p>Подробная (и, кстати, небольшая совсем) инструкция на буржуйском есть на официальном сайте <a href="http://www.oembed.com/">http://www.oembed.com/</a> <em>(хотя там всё равно без 100 грамм не разберешься&#8230;)</em></p>
<p>Ну и на закусь пример:</p>
<p><a href="http://home.sunchaser.info/avatars/hwc.html">Avatars &#8211; Homeworld/Homeworld: Cataclysm</a><br />
<table width="100%">
<tr>
<td class="avatar_img" width="20%"><center><img src="http://home.sunchaser.info/_avatars/hwc/hw_ambassador_kush.gif" alt="hw_ambassador_kush.gif" border="0"/></center></td>
<td class="avatar_img" width="20%"><center><img src="http://home.sunchaser.info/_avatars/hwc/hw_ambassador_taii.gif" alt="hw_ambassador_taii.gif" border="0"/></center></td>
<td class="avatar_img" width="20%"><center><img src="http://home.sunchaser.info/_avatars/hwc/hw_bentusi.gif" alt="hw_bentusi.gif" border="0"/></center></td>
<td class="avatar_img" width="20%"><center><img src="http://home.sunchaser.info/_avatars/hwc/hw_emperor.gif" alt="hw_emperor.gif" border="0"/></center></td>
<td class="avatar_img" width="20%"><center><img src="http://home.sunchaser.info/_avatars/hwc/hw_fleet_kush.gif" alt="hw_fleet_kush.gif" border="0"/></center></td>
</tr>
<tr>
<td class="avatar_name" width="20%"><center><span class="avatar_name">hw ambassador kush</span></center></td>
<td class="avatar_name" width="20%"><center><span class="avatar_name">hw ambassador taii</span></center></td>
<td class="avatar_name" width="20%"><center><span class="avatar_name">hw bentusi</span></center></td>
<td class="avatar_name" width="20%"><center><span class="avatar_name">hw emperor</span></center></td>
<td class="avatar_name" width="20%"><center><span class="avatar_name">hw fleet kush</span></center></td>
</tr>
<tr>
<td class="avatar_img" width="20%"><center><img src="http://home.sunchaser.info/_avatars/hwc/hw_fleet_taii.gif" alt="hw_fleet_taii.gif" border="0"/></center></td>
<td class="avatar_img" width="20%"><center><img src="http://home.sunchaser.info/_avatars/hwc/hw_kadesh.gif" alt="hw_kadesh.gif" border="0"/></center></td>
<td class="avatar_img" width="20%"><center><img src="http://home.sunchaser.info/_avatars/hwc/hw_kapella_kush.gif" alt="hw_kapella_kush.gif" border="0"/></center></td>
<td class="avatar_img" width="20%"><center><img src="http://home.sunchaser.info/_avatars/hwc/hw_kapella_taii.gif" alt="hw_kapella_taii.gif" border="0"/></center></td>
<td class="avatar_img" width="20%"><center><img src="http://home.sunchaser.info/_avatars/hwc/hw_kharselim.gif" alt="hw_kharselim.gif" border="0"/></center></td>
</tr>
<tr>
<td class="avatar_name" width="20%"><center><span class="avatar_name">hw fleet taii</span></center></td>
<td class="avatar_name" width="20%"><center><span class="avatar_name">hw kadesh</span></center></td>
<td class="avatar_name" width="20%"><center><span class="avatar_name">hw kapella kush</span></center></td>
<td class="avatar_name" width="20%"><center><span class="avatar_name">hw kapella taii</span></center></td>
<td class="avatar_name" width="20%"><center><span class="avatar_name">hw kharselim</span></center></td>
</tr>
</table>
<p><a href="http://home.sunchaser.info/avatars/hwc.html">[далее]</a></p>
<p>Ссылка на какую-нибудь из коллекций в моей галерее аватарок выводит первые 10 штук, заголовок и ссылку на галерею целиком.</p>
]]></content:encoded>
			<wfw:commentRss>http://sunchaser.info/2009/12/20/oembed.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

