Upgrade to Pro — share decks privately, control downloads, hide ads and more …

oEmbed - hassle-free embedding of third party m...

oEmbed - hassle-free embedding of third party media content

talk at YAPC::EU 2013 in Kiev

Kerstin Puschke

August 14, 2013
Tweet

More Decks by Kerstin Puschke

Other Decks in Programming

Transcript

  1. Who am I Contact •  http://www.kpuschke.eu •  twitter: @titanoboa42 • 

    https://www.xing.com/profile/ Kerstin_Puschke software engineer at XING Hamburg •  xing.com social network for business professionals •  about 13 million users •  debian, perl, javascript, ruby on rails, mysql, redis, riak, . . . We’re hiring! http://corporate.xing.com/ english/company/careers-at-xing/ 13.08.13 // oEmbed // Kerstin Puschke // YAPC::Europe 2013 2
  2. Boring links 3 The world’s most boring website Screenshot 2013-07-19

    http://www.worldsmostboringwebsite.com/gallery/ 13.08.13 // oEmbed // Kerstin Puschke // YAPC::Europe 2013
  3. Implementing Automated Embedding Automatically turn URLs into embedded representation • 

    screenscraping •  provider-specific APIs 13.08.13 // oEmbed // Kerstin Puschke // YAPC::Europe 2013 5
  4. oEmbed open embed format open web standard for third-party media

    embedding 13.08.13 // oEmbed // Kerstin Puschke // YAPC::Europe 2013 6
  5. oEmbed request 13.08.13 // oEmbed // Kerstin Puschke // YAPC::Europe

    2013 8 http://www.youtube.com/oembed? url=http%3A//youtube.com/watch%3Fv3Dzwk1KvnZxGw& format=json& maxwidth=400&maxheight=200 •  not RESTful •  needs to know API endpoint •  or use discovery – request original url – find oEmbed request in html header – follow up with oEmbed request
  6. oEmbed response - link 13.08.13 // oEmbed // Kerstin Puschke

    // YAPC::Europe 2013 11 flickr – requested with strict size limits
  7. oEmbed gateways expose content from different providers via one endpoint

    •  embed.ly – WebService::Embedly •  oohembed – now part of embed.ly •  reEmbed.me •  noembed.com 13.08.13 // oEmbed // Kerstin Puschke // YAPC::Europe 2013 12
  8. noembed Gateway •  perl – plack •  free software •  adds

    html, title, url, and provider_name •  jsonp 13.08.13 // oEmbed // Kerstin Puschke // YAPC::Europe 2013 13
  9. Implement a Consumer Build it with •  Web::oEmbed •  from

    scratch Think of •  different types •  cross site scripting •  ssl 13.08.13 // oEmbed // Kerstin Puschke // YAPC::Europe 2013 14
  10. Conclusion oEmbed •  specs could use a rebrush •  easy

    to implement •  low maintenance effort •  widely adopted don’t display boring links 13.08.13 // oEmbed // Kerstin Puschke // YAPC::Europe 2013 15 Photo: diaper http://www.flickr.com/photos/diaper/9064542270 don’t take this exit
  11. Who am I Contact •  http://www.kpuschke.eu •  twitter: @titanoboa42 • 

    https://www.xing.com/profile/ Kerstin_Puschke software engineer at XING Hamburg •  xing.com social network for business professionals •  about 13 million users •  debian, perl, javascript, ruby on rails, mysql, redis, riak, . . . We’re hiring! http://corporate.xing.com/ english/company/careers-at-xing/ 13.08.13 // oEmbed // Kerstin Puschke // YAPC::Europe 2013 17