oEmbed BCL7

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

1 comments

Comments 1 - 1 of 1 previous next Post a comment

Post a comment
Embed Video
Edit your comment Cancel

Notes on slide 1

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

tag in the

WordPress

Having Parameters and HD

Settings on the YouTube page

1 Favorite & 2 Events

oEmbed BCL7 - Presentation 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://goodyworks.com/ http://oembed.com/
  35. Thanks
SlideShare Zeitgeist 2009

+ Michael NordmeyerMichael Nordmeyer Nominate

custom

470 views, 1 favs, 1 embeds more stats

More info about this document

© All Rights Reserved

Go to text version

  • Total Views 470
    • 469 on SlideShare
    • 1 from embeds
  • Comments 1
  • Favorites 1
  • Downloads 3
Most viewed embeds
  • 1 views on http://goodyworks.com

more

All embeds
  • 1 views on http://goodyworks.com

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories