Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.
An Easier Way to
 Embed Video in Your
        Blog
 or how oEmbed can help you keep your
                 sanity
by Stepha...
Who are we?
The NFB
NFB.ca : film streaming
• http://nfb.ca/playlist/exhibition-nfb-
  photos-70-years-images/viewing/
  nfb-70-years/
The Problem
the insanity of
   embedding
you have a design to
keep
• deformed webpage or blog post
  because of an embedded film, picture
  or link is not acceptable
Let’s face it, embed code is strange!
CASE in POINT : EMBED CODE

<embed src="http://media1.nfb.ca/medias/flash/
ONFflvplayer-gama.swf" width="516" height="337"
a...
Example



The result :
• ugly embed code in your blog posts
  when you edit posts.

• changes are error prone for HTML
  novices.

• the HTML cod...
One needs to do a lot of leg work - get
the title, author, etc when one wants
to quote properly.
There is a
 solution
Let the machines do the hard work
• it was created by pownce -- it's magic,
  almost...
• it is an exchange format for media,
  links and more...
less hacking gives
 you more time to
    create content
•help your seo with easy
linking to the original site
•prevent typos when
quoting the source
IT IS ...
oEmbed
oEmbed link


http://www.nfb.ca/film/strange_invaders/
And Because we
maintain many blogs ...
we cooked up a plugin.
Your embeding on
         oEmbed

• copy the url of the content page :
http://www.nfb.ca/film/runaway_teaser_3/

• paste it...
No more embed
madness
Make this easy :
What is oEmbed

• it’s an exchange format ( meaning
  machines do the hard work )
• with providers and consumers
• made fo...
An automated exchange
        between :
• Providers :
   • a streaming site (ie : nfb.ca )
   • photo site (ie flickr.com)
...
What do the machines
      speak ?

        JSON
         or
        XML
What is exchanged ?
• Author information
• provider information
• thumbnail link
• content type
• dimension information
• ...
What is this “discovery”



• information is in the headers
• no prior knowledge required
Discovery links :
<head>
(...)

<link rel="alternate" type="application/json+oembed" href="http://
www.nfb.ca/remote/servi...
what the machine sees : (JSON )
{
"provider_url": "http://www.nfb.ca/", "title": "Runaway (Teaser 3) ",
"url": "http://www...
Who uses it?
Some Providers
Some consumers
• the NFB (http://www.nfb.ca/)
• Buckybase (http://
  buckybase.appspot.com/)
• 280 Slides (http://280slide...
What can it do for
        blogging


• makes your life easier
• clean posts - no ugly html lurking into
  your pristine t...
What you need to know
  about our plugin


• it's beta ... but in production
• partial support for the fullspecs
live demo
Where to get it


• http://wordpress.org/extend/plugins/
  nfb-video-plugin/

• https://launchpad.net/oembed-wp
The end




• we're open for
  suggestions for the
  next release
Ressources

• oEmbed google group : http://
  groups.google.com/group/oembed

• oEmbed site : http://
  www.oembed.com/

•...
Próxima SlideShare
Cargando en…5
×

• http://nfb.ca/playlist/exhibition-nfb- photos-70-years-images/viewing/ nfb-70-years/ ONF/NFB - An Easier Way to Embed Video in Your Blog

6.027 visualizaciones

Publicado el

• http://nfb.ca/playlist/exhibition-nfb-
photos-70-years-images/viewing/
nfb-70-years/

Publicado en: Tecnología, Empresariales
  • On a random note...updating this plugin. New slide soon!?
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • @erob I forgot how much of a paranoid idiot you were, then I pulled this slide up and voila! "they" didn't want anyone to see the url in the first post, because it wasn't live yet. And that url doesn't drill down to the specific content that was embedded.
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • so 2 guys represents the whole NFB ???

    bonus points if you understand why 'they' don’t want you to see the url in my previous post... :)
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí
  • The link on the slide #5 is incorrect, it should be http://nfb.ca/history/ but they don’t want you to see that apparently. Great work for hiding all thoses messy urls with oEmbed, but there’s (obviously) others ways for creating elegant urls without it. (hint: it’s a Django common mistake for newbies..)
       Responder 
    ¿Estás seguro?    No
    Tu mensaje aparecerá aquí

×