Your SlideShare is downloading. ×
oEmbed BCL7
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

oEmbed BCL7

2,140

Published on

Published in: Technology, Business
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total Views
2,140
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
5
Comments
1
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • 8 pages documentation
    50 % are samples and stuff
  • API Endpoint
    Formats: JSON, XML
  • oohEmbed: oEmbed compatible provider of HTML embed codes for various web sites
  • WordPress
  • <link> tag in the <head>
  • WordPress
  • Having Parameters and HD
  • Settings on the YouTube page
  • Transcript

    • 1. oEmbed by Michael Nordmeyer for BarCamp London 7
    • 2. What is oEmbed?
    • 3. Why oEmbed?
    • 4. Compare This… http://www.youtube.com/watch?v=rKuIg_3OmAI
    • 5. 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>
    • 6. Is it Complicated?
    • 7. Request http://www.flickr.com/services/oembed/? url=http%3A//www.flickr.com/photos/ coffeemick/3393401816/
    • 8. 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" }
    • 9. 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>
    • 10. 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" }
    • 11. Consumers & Providers
    • 12. Consumers ✓ WordPress 2.9-rare ✓ 280 Slides ✓ Dumble (creating a tumblelog from a user's delicious links) ✓ You
    • 13. Providers ✓ Flickr ✓ Revision3 ✓ Youtube ✓ Qik ✓ Vimeo ✓ Clearspring Widgets ✓ Viddler ✓ oohEmbed (28 Sites) ✓ Hulu ✓ …
    • 14. What Does the Consumer Has to Do?
    • 15. Consumer Internal Handler
    • 16. Consumer Internal Handler Known API Provider
    • 17. Consumer Internal Handler Known API Provider oEmbed discovery <link> tag in the <head>
    • 18. What Does the Provider Has to Do?
    • 19. Provider URL scheme: http://www.flickr.com/photos/*
    • 20. Provider URL scheme: http://www.flickr.com/photos/* API XML endpoint: http://www.flickr.com/services/oembed.xml
    • 21. 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
    • 22. Discovery
    • 23. 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" />
    • 24. Content Types
    • 25. Content Types Photo Video Link Rich
    • 26. WordPress
    • 27. Plain Text URL http://www.youtube.com/watch?v=rKuIg_3OmAI
    • 28. Shortcode [youtube=http://www.youtube.com/watch?v=rKuIg_3OmAI]
    • 29. Shortcode [youtube=http://www.youtube.com/watch?v=rKuIg_3OmAI&w=480&h=360&fmt=18]
    • 30. YouTube Settings
    • 31. Where in WordPress?
    • 32. “Settings » Media » Embeds”
    • 33. Libraries Perl PHP Python Ruby
    • 34. Links http://www.slideshare.net/coffeemick http://michaelnordmeyer.com/ http://oembed.com/
    • 35. Thanks

    ×