oEmbed BCL7
-
Upload
michael-nordmeyer -
Category
Technology
-
view
2.193 -
download
0
Transcript of oEmbed BCL7
![Page 1: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/1.jpg)
oEmbedby Michael Nordmeyer for BarCamp London 7
![Page 2: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/2.jpg)
What is oEmbed?
![Page 3: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/3.jpg)
Why oEmbed?
![Page 5: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/5.jpg)
To This…
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/rKuIg_3OmAI&hl=en&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/rKuIg_3OmAI&hl=en&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
![Page 6: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/6.jpg)
Is it Complicated?
![Page 7: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/7.jpg)
Request
http://www.flickr.com/services/oembed/?url=http%3A//www.flickr.com/photos/coffeemick/3393401816/
![Page 8: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/8.jpg)
Response (JSON)
{ "version": "1.0", "type": "photo", "title": "Session Board Saturday", "author_name": "coffeemick", "author_url": "http:\/\/www.flickr.com\/photos\/coffeemick\/", "cache_age": 3600, "provider_name": "Flickr", "provider_url": "http:\/\/www.flickr.com\/", "width": "500", "height": "375", "url": "http:\/\/farm4.static.flickr.com\/3421\/3393401816_7166959b90.jpg"}
![Page 9: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/9.jpg)
Response (XML)<?xml version="1.0" encoding="utf-8" standalone="yes"?><oembed> <version>1.0</version> <type>photo</type> <title>Session Board Saturday</title> <author_name>coffeemick</author_name> <author_url>http://www.flickr.com/photos/coffeemick/</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/3421/3393401816_7166959b90.jpg</url></oembed>
![Page 10: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/10.jpg)
Response (JSON){ "provider_url": "http://www.youtube.com/", "title": "Waiting for Barcamp London 6 to open doors", "html": "<object width=\"425\" height=\"344\"><param name=\"movie\" value=\"http://www.youtube.com/v/rKuIg_3OmAI&fs=1\"></param><param name=\"allowFullScreen\" value=\"true\"></param><param name=\"allowscriptaccess\" value=\"always\"></param><embed src=\"http://www.youtube.com/v/rKuIg_3OmAI&fs=1\" type=\"application/x-shockwave-flash\" width=\"425\" height=\"344\" allowscriptaccess=\"always\" allowfullscreen=\"true\"></embed></object>", "author_name": "13stock", "height": 344, "width": 425, "version": "1.0", "author_url": "http://www.youtube.com/user/13stock", "provider_name": "YouTube", "type": "video"}
![Page 11: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/11.jpg)
Consumers & Providers
![Page 12: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/12.jpg)
Consumers
✓ WordPress 2.9-rare
✓ 280 Slides
✓ Dumble (creating a tumblelog from a user's delicious links)
✓ You
![Page 13: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/13.jpg)
Providers
✓ Flickr
✓ Youtube
✓ Vimeo
✓ Viddler
✓ Hulu
✓ Revision3
✓ Qik
✓ Clearspring Widgets
✓ oohEmbed (28 Sites)
✓ …
![Page 14: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/14.jpg)
What Does the Consumer
Has to Do?
![Page 15: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/15.jpg)
Consumer
Internal Handler
![Page 16: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/16.jpg)
Consumer
Internal Handler
Known API Provider
![Page 17: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/17.jpg)
Consumer
Internal Handler
Known API Provider
oEmbed discovery <link> tag in the <head>
![Page 18: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/18.jpg)
What Does the Provider
Has to Do?
![Page 20: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/20.jpg)
Provider
URL scheme: http://www.flickr.com/photos/*
API XML endpoint: http://www.flickr.com/services/oembed.xml
![Page 21: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/21.jpg)
Provider
URL scheme: http://www.flickr.com/photos/*
API XML endpoint: http://www.flickr.com/services/oembed.xml
API JSON endpoint: http://www.flickr.com/services/oembed.json
![Page 22: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/22.jpg)
Discovery
![Page 23: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/23.jpg)
Discovery
<link rel="alternate" type="application/json+oembed" href="http://www.youtube.com/oembed?url=http%3A//www.youtube.com/watch?v%3DrKuIg_3OmAI&format=json" title="Waiting for Barcamp London 6 to open doors" />
<link rel="alternate" type="text/xml+oembed" href="http://www.youtube.com/oembed?url=http%3A//www.youtube.com/watch?v%3DrKuIg_3OmAI&format=xml" title="Waiting for Barcamp London 6 to open doors" />
![Page 24: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/24.jpg)
Content Types
![Page 25: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/25.jpg)
Content Types
Photo
Video
Link
Rich
![Page 26: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/26.jpg)
WordPress
![Page 27: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/27.jpg)
Plain Text URL
http://www.youtube.com/watch?v=rKuIg_3OmAI
![Page 28: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/28.jpg)
Shortcode
[youtube=http://www.youtube.com/watch?v=rKuIg_3OmAI]
![Page 29: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/29.jpg)
Shortcode
[youtube=http://www.youtube.com/watch?v=rKuIg_3OmAI&w=480&h=360&fmt=18]
![Page 30: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/30.jpg)
YouTube Settings
![Page 31: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/31.jpg)
Where in WordPress?
![Page 32: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/32.jpg)
“Settings » Media » Embeds”
![Page 33: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/33.jpg)
Libraries
Perl
PHP
Python
Ruby
![Page 34: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/34.jpg)
Links
http://www.slideshare.net/coffeemick
http://michaelnordmeyer.com/
http://oembed.com/
![Page 35: oEmbed BCL7](https://reader038.fdocuments.in/reader038/viewer/2022110204/55d4fd4abb61eb9a528b4650/html5/thumbnails/35.jpg)
Thanks