Pure Sign breakfast presentation about oEmbed in Drupal

1. oEmbed
http://puresign.be
oEmbed
@puresign
Sven Decabooter
Thursday 13 September 2012

2. oEmbed
Contents
• What?
• oEmbed in Drupal
• Extending the module
• Demo
2
Thursday 13 September 2012

3. oEmbed
What is it?
Thursday 13 September 2012

4. oEmbed
What?
oEmbed is a format for allowing an
embedded representation of a URL on
third party sites. The simple API allows a
website to display embedded content
(such as photos or videos) when a user
posts a link to that resource, without
having to parse the resource directly.
http://oembed.com/
4
Thursday 13 September 2012

5. oEmbed
What? Consumer:
http://www.flickr.com/services/oembed/?url=http%3A//
www.flickr.com/photos/bees/2341623661/
Provider:
{
"version": "1.0",
"type": "photo",
"width": 240,
"height": 160,
"title": "ZB8T0193",
"url": "http://farm4.static.flickr.com/
3123/2341623661_7c99f48bbf_m.jpg",
"author_name": "Bees",
"author_url": "http://www.flickr.com/photos/bees/",
"provider_name": "Flickr",
"provider_url": "http://www.flickr.com/"
}
5
Thursday 13 September 2012

6. oEmbed
What?
http://www.youtube.com/watch?v=yzdZHByJmFUa
6
Thursday 13 September 2012

7. oEmbed
oEmbed in
Drupal
Thursday 13 September 2012

8. oEmbed
What? http://drupal.org/project/oembed
By Dave Reid - bangpound - voxpelli
• oEmbed Core
• oEmbed Field
• oEmbed Filter
• oEmbed Embed.ly
• oEmbed Provider
• Media: oEmbed
8
Thursday 13 September 2012

9. oEmbed oEmbed
Core • Manage oEmbed providers (CTools exportables)
• Test oEmbed URLs
• Theming for oEmbed output
• Set of default providers
• Form API elements:
• oembed - oembed_bare - oembed_thumbnail
• API functions
• Caching
9
Thursday 13 September 2012

10. oEmbed oEmbed
Core
10
Thursday 13 September 2012

11. oEmbed oEmbed
Field
• Provides an oEmbed Field formatter
• For Link fields
(http://drupal.org/project/link)
11
Thursday 13 September 2012

12. oEmbed oEmbed
Filter
• Provides oEmbed filter for Drupal input
formats
12
Thursday 13 September 2012

13. oEmbed oEmbed
Embed.ly
• Adds definitions for providers supported
by embed.ly
• http://embed.ly: paid service to embed
rich media in your apps / websites
13
Thursday 13 September 2012

14. oEmbed oEmbed
Provider
• Makes it possible for a Drupal site to
become an oEmbed provider itself
• Provides oEmbed data in JSON /
JSONP / XML formats
• Defaults to rendering node HTML output
14
Thursday 13 September 2012

15. Media: oEmbed
oEmbed
• Integration with Media module
(http://drupal.org/project/media)
• Creates a oEmbed PHP Stream Wrapper
for Resource
• Implements the various formatter and file
listing hooks in the Media module.
15
Thursday 13 September 2012

16. oEmbed
Extending the
module
Thursday 13 September 2012

17. oEmbed
Extending • add support for an extra provider:
hook_default_oembedcore_provider()
• alter existing providers:
hook_oembedprovider_alter()
• alter oembed request data (to provider):
hook_oembed_request_alter()
• add your own providing logic (for your
oembed_provider enabled website) :
hook_oembedprovider()
17
Thursday 13 September 2012

18. oEmbed
Demo
Thursday 13 September 2012

19. oEmbed
Questions Contact
Sven Decabooter
sven@puresign.be
@sdecabooter
Pure Sign
Liefkensstraat 35B
9032 Gent - Wondelgem
Tel. 09/277 78 24
http://puresign.be
contact@puresign.be
@puresign
19
Thursday 13 September 2012