• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
oEmbed - One API to rule them all
 

oEmbed - One API to rule them all

on

  • 1,820 views

The use of oEmbed in Citysearch Australia.

The use of oEmbed in Citysearch Australia.

Statistics

Views

Total Views
1,820
Views on SlideShare
1,408
Embed Views
412

Actions

Likes
0
Downloads
0
Comments
0

6 Embeds 412

http://jb.integration.scoop.it 194
http://localhost 142
http://10.9.2.15 59
http://new.redgage.com 12
http://paper.li 4
http://cdn.embedly.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    oEmbed - One API to rule them all oEmbed - One API to rule them all Presentation Transcript

    • oEmbedOne API to rule them all Tyrell Perera
    • A bit of background info…• Citysearch editors use video content eg: Movie reviews• Copy-pasting embed HTML • Makes media content hard to index, re-use and error prone • We wanted to add a video module to our new CMS
    • The challenge
    • oEmbed• A open web service specification – Allows third party content providers (ie: Citysearch) to – request media content meta-data (including iFrame HTML) using the media URL – from the original content provider (ie: YouTube)
    • How?• Original content provider creates the REST/JSON service adhering to the oEmbed specification• Makes the service discoverable by including the end-points in the <HEAD> of their existing (X)HTML documents
    • Service Discovery<link rel="alternate" type="application/json+oembed"href="http://www.youtube.com/oembed?url=http%3A//www.youtube.com/watch?v%3DxnUSbL3Ke90&amp;format=json" title="The Online Gamer: Bloopers –3"> <link rel="alternate" type="text/xml+oembed"href="http://www.youtube.com/oembed?url=http%3A//www.youtube.com/watch?v%3DxnUSbL3Ke90&amp;format=xml" title="The Online Gamer: Bloopers -3">
    • A subset of providers withoEmbed services
    • Third party consumers• Invoke the service by passing the URL and response type as mandatory parameters• There can be optional parameters too – Video width and height for instance
    • A quick example
    • Figuring out which providerto talk to ...• We used a JQuery plugin  • jquery-oembed.js• Uses jsonp • Asynchronous • Cross-domain calls
    • Example
    • Solved!!
    • Minor bumps on the road• Most of the video content from YouTube• YouTubes oEmbed service doesnt support jsonp callbacks  • Jquery-oembed uses Embed.ly === $$$$• We wrote a service wrapper for YouTube• Patched jquery-oembed.js to use our end- point instead 
    • References• oEmbed: http://oembed.com/• Jquery oEmbed plugin: https://code.google.com/p/jquery-oembed/
    • Questions?