oEmbed - ミショニポー

ブログを書くにしろ、他のものにしろ、おおよそインターネットで表示するドキュメントであれば、htmlと縁が切れません。

htmlでは、画像やテキストを表示する場合に、これは、イメージなので、どんなサイズで、もし画像が表示できないブラウザへの簡単な説明文などを添えて表示するなどといった、決まりごとがあります。

これは、人間から言わせると、[ウザイ」作業です。

どんな風に書かなきゃいけないか学習したり、正確に記述するためには訓練が必要だからです。

インターネットが普及してから10年以上がたち、さまざまな便利な仕組みが考案されてきました

oEmbedという仕組みを試してみましたので、メモに残します。

htmlのエッセンスは何か？
それはハイパーリンクです。

ハイパーリンクのおかげで、インターネット文書も、画像も表示できます。

どんなインターネット文書にも、リンクがあります。

ハイパーリンクが、ユーチューブだったら、動画なんだから、youtubeに聞いて、自動的に書いちゃってよ、というのが、oEmbedです

安全なの？というと、諸説ありますが、既に、私たちの知る多くのサービスで、oEmbedを使うためのAPIは提供されています。

ワードプレスというブログでは、既に、一部のインターネットサービスについて、URLを記述するだけで変換する機能があります。

アドレスをこぴぺするだけで動画などが表示できます。

oEmbedの仕組み

うちのhtmlは、oEmbedに対応しているよ。という事を明示する。

<link rel="alternate" type="application/json+oembed"
  href="http://flickr.com/services/oembed?url=http%3A//flickr.com/photos/bees/236222586"
  title="Bacon Lollys oEmbed Profile" />
<link rel="alternate" type="text/xml+oembed"
  href="http://flickr.com/services/oembed?url=http%3A//flickr.com/photos/bees/236222586"
  title="Bacon Lollys oEmbed Profile" />

そこにやってきたお客さんは、「ほー、oEmbed」に対応しているとナ

それなら、どんな風に書けばいいか、ガイドしてくれんだな
じゃ、リクエストしてみるよ

毎度ご利用いただきありがとう、かっこよく書くための情報差し上げるわよ
例えば、json

{
	"version": "1.0",
	"type": "video",
	"provider_name": "YouTube",
	"provider_url": "http://youtube.com/",
	"width": 425,
	"height": 344,
	"title": "Amazing Nintendo Facts",
	"author_name": "ZackScott",
	"author_url": "http://www.youtube.com/user/ZackScott",
	"html":
		"<object width=\"425\" height=\"344\">
			<param name=\"movie\" value=\"http://www.youtube.com/v/M3r2XDceM6A&fs=1\"></param>
			<param name=\"allowFullScreen\" value=\"true\"></param>
			<param name=\"allowscriptaccess\" value=\"always\"></param>
			<embed src=\"http://www.youtube.com/v/M3r2XDceM6A&fs=1\"
				type=\"application/x-shockwave-flash\" width=\"425\" height=\"344\"
				allowscriptaccess=\"always\" allowfullscreen=\"true\"></embed>
		</object>",
}