How to make 23 better? Post and discuss ideas here.

oembed support

striatic   December 08, 2009, 03:12 AM

a bunch of us recently queried plurk, a site which displays flickr photos inline based on photopage url, if they could support 23 photo page urls.

their response was to ask you folks to support the oembed standard:

http://www.oembed.com/

oembed is a standard supported by sites like YouTube, Flickr, Viddler, Qik, Revision3, Hulu, Vimeo and Poll Everywhere.

oembed libraries include PHP, Perl, Ruby and Python.

reading up on oembed, it sounds like a fine standard, well supported and growing, and something that might help 23 spread its photos around the web more easily.

 
striatic   December 08, 2009, 03:13 AM

plus, it'd allow me and most of my friends share 23 images on our primary social network.

 
Steffen Fagerström Christensen Team 23   December 08, 2009, 07:23 AM

This sounds like a brilliant idea -- I want this!

Can you provide me with some extra information on the flickr implementation -- does it only work with photos? how does it work when you want to embed an object from an oembed service?

 
striatic   December 08, 2009, 08:02 AM

well, plurk doesn't display flickr videos, so i'm guessing flickr's implementation is still images only, but i'm not sure.

basically, you provide the endpoint, and the service that wants to embed your stuff has to hook into that endpoint.

there are probably lists of providers, including in that documentation i linked to, that you'll want to get on so that consumers can know you exist and want to hook into your stuff.

anyway, like i said a bunch of us asked plurk what it would take to embed 23 photos based on photo page urls, like they to with flickr, and the response was "ask 23 to support oembed" - which i think is pretty reasonable - since the alternative is them making custom code for every single provider out there, instead of just hooking into an endpoint which is much easier.

 
striatic   December 08, 2009, 08:07 AM

actually it seems that flickr does support oembed for videos - see:

http://www.flickr.com/services/oembed/?url=http://www.flickr.com/photos/striatic/4113904065/

so i don't know what's up with plurk not displaying them inline. they did do their implementation pre-flickr launching video tho.

anyway, that's about all i know about it. if you think there's anything else i can do to help, let me know, but i think i've reached the extent of my knowledge on the matter.

 
Lori   December 08, 2009, 08:15 AM

I am loving the rapid response from 23. Customer service alone is selling me on the site (of course, it helps that it is also beautifully simple).

 
Steffen Fagerström Christensen Team 23   December 08, 2009, 08:21 AM

Cool -- that's what got me confused. I thought Flickr supported it on the client side as well so you'd be able to insert a url and have the object displayed through oembed.

But you guys are using plurk to insert flickr (or potentially 23) photos into flickr pages and groups? How does this work?

 
striatic   December 08, 2009, 09:49 AM

we just put a flickr photopage url into a plurk, like:

"shares http://www.flickr.com/photos/striatic/4109929941/ "

and plurk translates that to:

"shares "

except they browser shrink the image down a little until you click it, and insert a link to the photo page underneath the image when you click it to make it larger.

which makes it incredibly easy to share photos, especially from mobile devices. like if ping.fm shoots the link over, everything works properly and is nice and integrated.

 
Steffen Fagerström Christensen Team 23   December 08, 2009, 09:55 AM

Ah okay -- so this is explicitly meant for sharing on plurk.com; I thought there was a mechanism in place to translate links into embedded objects directly on flickr; or at least on flickr through plurk.

 
striatic   December 08, 2009, 10:11 AM

no. other sites other than plurk can and do use oEmbed to embed images and video on their pages in the same way as plurk does.

here's an example of it working on plurk:

http://www.plurk.com/p/vbzmo

but other sites use it to convert youtube links into videos, and flickr links into images.

 
striatic   December 08, 2009, 10:12 AM

here's an early blog post regarding it:

http://blog.leahculver.com/2008/05/announcing-oembed-an-open-standard-for-embedded-content.html

of course since then other providers have added support, such as youtube.

 
Steffen Fagerström Christensen Team 23   December 08, 2009, 07:44 PM

Alright guys; oembed is now supported!

(There's are meta tags on individual photos and the oembed endpoint is http://www.23hq.com/23/oembed. However, it doesn't seem to be enough for plurk just to have a implement the protocol?)

 
Brenda Anderson   December 08, 2009, 08:58 PM

Perhaps it's up to us (plurk users) to go back to plurk now and say, "Okay! 23 supports oembed as you required."

 
Steffen Fagerström Christensen Team 23   December 08, 2009, 09:06 PM

Let us know how it turns out... (also, if you do talk to them, ask them about their discovery mechanism for oembed. Are they only doing it for whitelisted domains, or are they looking up across domains using the discovery standard?)

 
striatic   December 08, 2009, 09:45 PM

excellent! i'm going to ping the plurk people and let them know.

i did notice that the output of:

http://www.23hq.com/23/oembed/?url=http://www.23hq.com/striatic/photo/5157220

is :

1.0 photo portage bay striatic http://www.23hq.com/striatic/ 3600 23 http://www.23hq.com 756 574 http://www.23hq.com/4937323/5157220_6f9e334dd3876d56808d7b38f75db13c_large.jpg 756 574 http://www.23hq.com/4937323/5157220_6f9e334dd3876d56808d7b38f75db13c_large.jpg

which is exactly the same as flickr's except:

756 574 http://www.23hq.com/4937323/5157220_6f9e334dd3876d56808d7b38f75db13c_large.jpg

is repeated twice.

i'm not sure if there's a reason you're repeating it.

 
Steffen Fagerström Christensen Team 23   December 08, 2009, 09:55 PM

There's some confusion in the spec on whether to use <url>/<height>/<width> or <thumbnail_url>/<thumbnail_height>/<thumbnail_width> for the photo type (in fact, it specifies that the first combination *must* be present for photos, and that the latter *must* be present in there's a maxwidth or a maxheight patameter) -- so I opted for including both variation. Just to make sure we don't clash with any existing implementations.

 
clickykbd   December 09, 2009, 02:19 AM

I missed all this while I was at work today? Yeesh! (way to go!)

 
clickykbd   December 09, 2009, 09:12 PM

yay! plurk just sent me a message that 23 is now supported, but won't make it to the site until the next rollout.

 
Steffen Fagerström Christensen Team 23   December 09, 2009, 09:18 PM

Cool! Did you ask about their discovery mechanism?

 
striatic   December 10, 2009, 12:41 AM

no. haven't asked about their discovery mechanism.

are you thinking it could be used to embed slideshows and stuff?

at some point you might want to contact them directly.

anyway, i'm sure we will let you know when the feature is live : ]

 
voyager   December 10, 2009, 01:29 AM

I officially love this website.

 
clickykbd   December 18, 2009, 11:42 AM

regarding returning the thumbnail element:

Seems at 23, you are now returning this element, but it is always the same value as the url element? I realize you can request with different maxheight & maxwidth params to determine the size of the media described... but seems if you are gonna include the "optional" thumbnail element, it should reflect something that is actually a smaller version?

I don't know if this is what tripped plurk up or not, but it does seem a little inconsistent? Just for reference, Flickr's oEmbed implementation simply ignores the thumbnail element since you can ask for that with a request defining your max dimensions.

PS - I knew you had posted about that above. Sorry I didn't look harder, but it still feels counter to the intent of the thumbnail element. For video... a thumbnail might be an img representation at the same dimensions... but for photo it would seem to want to be the smaller variety.

 
striatic   December 18, 2009, 11:56 AM

i guess it makes sense the thumbnail element should be a thumbnail.

anyway i've requested 23's oembed support be supported by http://oohembed.com/ - which kind of provides a discovery layer + 3rd party oembed for non oembed enabled sites.

here's my request: http://oohembed.com/#comment-26207393

there's nothing for 23 to do regarding this. just for your information.

 
clickykbd   December 18, 2009, 12:11 PM

I also think, and this isn't even really discussed in the goals of the spec, but it might behoove photo sharing sites to offer meta discovery via oEmbed when the static resource URLS are provided. Think of it as a static reverse lookup of sorts. This could come into play when considering the highly contested hotlinking debate/problem.

For example. For giggles, I could write a GM script or FF Extension that discovered when hotlinked images are originating from 23, and do some extra bits and bobs (via oEmbed calls) to display author and kosher linkback info to the user.

This might require a secondary scheme/endpoint at 23. But it is the type of thing I think about when I think about the possibilities with oEmbed.

Edit to add: Since discovery (via rel=alternate) is completely optional... it would be valid within the spec as far as I can tell. Hard to put a rel link in a image resource anyhoo. Though more RESTful discovery could have perhaps better managed this aspect.

Edit to add caveat: Sharing/hot-linking private statics is no doubt allowed... but oEmbed discovery of meta info should not be valid for static urls that are private content.

 
Steffen Fagerström Christensen Team 23   December 18, 2009, 01:51 PM

@clickykbd: In this regard I actually feel were following the spec; something which isn't necessarily the case for flickr. If you actually provide a maxheight/maxwidth, you would expect the return value to follow those instructions.

Auto-discovery is the issue for statics, but a solution would be cool. Unfortunately, there isn't a fixed end-point for oembed in the spec, which would've inched us nearer to a solution.

There's a pretty cool jQuery extension for oEmbed; unfortunately is doesn't work through meta discovery, but from hardcoded endpoints.

 
clickykbd   December 18, 2009, 09:52 PM

Even hard coded endpoints for statics would still be a step forward I think. There was some interesting discussion of these flaws with oEmbed here.

Flickr's implementation was responsive to maxwidth/maxheight when I tested it. And the way I read the "photos" section of the spec:

2.3.4.1. The photo type (required elements)
type, version, url
width, height
(responsive to max in request)

Everything else I read as "nice" and "optional" (including the discovery bits)... if thumbnail_url, thumbnail_width, and thumbnail_height are included: they need only also honor the requested maxwidth/maxheight. That is to say you cannot return a thumbnail LARGER than the requested boundary... but it can be any size otherwise.

Edit to add: Specifically, this statement in your earlier comment I don't think is what the spec says about thumbnails. Just that they honor maxwidth/height when that is present.

(in fact, it specifies that the first combination *must* be present for photos, and that the latter *must* be present in there's a maxwidth or a maxheight patameter)

So yes, your "same size" results are not invalid per say. But also provide no benefit (such as avoiding a second request to get a image resource more suitable for a preview).

But admittedly, I could be vastly misinterpreting something. On the discovery subject. Even flickr isn't including the recommended rel=alternate that I can tell, at least not on the photo pages themselves.

 
striatic   December 18, 2009, 10:11 PM

today i talked with cal henderson, who wrote the the oembed specification as well as the oembed implementation over at flickr.

i asked him why flickr didn't provide _thumbnail_url_ as part of a generic query response without _maxwidth_, and he said that was probably a bug.

just information. i'm sorry for pestering about this.

 
striatic   December 20, 2009, 03:36 AM

i just heard back from plurk again, and they've said that while they have still not rolled out oembed suport, they will let me know when they do.

so the short links will work eventually, just not yet.

 




About 23

About 23
What is 23 and who's behind the service?
Just In
Discover the world from a different angle.
Here's a crop of the latest photos from the around the world.
Search
Search photos from users using 23
Help / Discussion
Get help or share your ideas to make 23 better
23 Blog / 23 on Twitter
Messages and observations from Team 23
Terms of use
What can 23 be used for and what isn't allowed
More services from 23
We also help people use photo sharing in their professional lives
RSS Feed
Subscribe to these photos in an RSS reader
  • Basque (ES)
  • Bulgarian (BG)
  • Chinese (CN)
  • Chinese (TW)
  • Danish (DK)
  • Dutch (NL)
  • English (US)
  • French (FR)
  • Galician (ES)
  • German (DE)
  • Italian (IT)
  • Norwegian (NO)
  • Polish (PL)
  • Portuguese (PT)
  • Russian (RU)
  • Spanish (ES)
  • Swedish (SE)

Popular photos right now