Flickr, Viddler, Qik, Pownce, Revision3는 oEmbed를 지원하는 첫번째 서비스가 되었습니다. oEmbed는 써드파티 사이트의 특정 URL에 있는 미디어를 편하게 포함할 수 있는 방법입니다.
oEmbed 사이트에서 밝힌 내용입니다:
원본 URL: http://flickr.com/photos/codepo8/2475016321/
oEmbed URL: http://flickr.com/services/oembed?url=http://flickr.com/photos/codepo8/2475016321/
결과:
결과:
from oEmbed makes embedding third party videos and images a breeze on Ajaxian
oEmbed 사이트에서 밝힌 내용입니다:
oEmbed는 써드 파티 사이트에 있는 URL을 포함하는 포맷입니다. 사용자가 해당 리소스의 링크를 포스팅하면 단순한 API를 이용해 리소스를 직접 파싱할 필요없이 웹사이트에서 임베디드 컨텐트(사진이나 동영상)를 표시할 수 있습니다.이 말의 의미는, 만약 flickr에서 좋은 사진을 찾았다면 URL은 가져와서 임베드가 가능한 데이터로 쉽게 바꿀 수 있다는 것입니다:
원본 URL: http://flickr.com/photos/codepo8/2475016321/
oEmbed URL: http://flickr.com/services/oembed?url=http://flickr.com/photos/codepo8/2475016321/
결과:
[code:xml]
<oembed>
<version>1.0</version>
<type>photo</type>
<title>? too much myspace error</title>
<author_name>codepo8</author_name>
<author_url>http://www.flickr.com/photos/codepo8/</author_url>
<cache_age>3600</cache_age>
<provider_name>Flickr</provider_name>
<provider_url>http://www.flickr.com/</provider_url>
<width>500</width>
<height>375</height>
<url>
http://farm4.static.flickr.com/3128/2475016321_982666ec95.jpg
</url>
</oembed>
출력 형식과 최대 너비, 최대 높이 등을 URL 파라미터로 정의할 수도 있습니다:<oembed>
<version>1.0</version>
<type>photo</type>
<title>? too much myspace error</title>
<author_name>codepo8</author_name>
<author_url>http://www.flickr.com/photos/codepo8/</author_url>
<cache_age>3600</cache_age>
<provider_name>Flickr</provider_name>
<provider_url>http://www.flickr.com/</provider_url>
<width>500</width>
<height>375</height>
<url>
http://farm4.static.flickr.com/3128/2475016321_982666ec95.jpg
</url>
</oembed>
결과:
[code:js]
{
version: '1.0',
type: 'photo',
title: '? too much myspace error',
author_name: 'codepo8',
author_url: 'http://www.flickr.com/photos/codepo8/',
cache_age: '3600',
provider_name: 'Flickr',
provider_url: 'http://www.flickr.com/',
width: '100',
height: '75',
url: 'http://farm4.static.flickr.com/3128/2475016321_982666ec95_t.jpg'
}
{
version: '1.0',
type: 'photo',
title: '? too much myspace error',
author_name: 'codepo8',
author_url: 'http://www.flickr.com/photos/codepo8/',
cache_age: '3600',
provider_name: 'Flickr',
provider_url: 'http://www.flickr.com/',
width: '100',
height: '75',
url: 'http://farm4.static.flickr.com/3128/2475016321_982666ec95_t.jpg'
}
from oEmbed makes embedding third party videos and images a breeze on Ajaxian
'[IT] Web Tech' 카테고리의 다른 글
| CSS 자식 선택자 성능 (4) | 2008.05.18 |
|---|---|
| Comet을 이용한 Live Chess (0) | 2008.05.18 |
| 문자열 성능에 대한 모든 것 (0) | 2008.05.18 |
| Matering Dojo 의 챕터 일부분 (0) | 2008.05.16 |
| oEmbed : 써드파티 비디오와 이미지를 편하게~ (0) | 2008.05.16 |
| Processing.js: JavaScript와 Canvas로 Processing 언어를 구현하다! (0) | 2008.05.16 |
| Ajax 개척자 주간 : Dojo의 Alex Russell (0) | 2008.05.16 |
| Windows용 Growl과 Web Notification API (0) | 2008.05.16 |
| mountpoint://를 통한 File API (0) | 2008.05.15 |
댓글을 달아 주세요