Discussion Forums  >  Uncategorized

Replies: 1    Views: 588

R2-D2
Apple Fan
Profile
Posts: 95
Reg: Jan 20, 2011
East Coast USA
950
02/20/11 02:13 PM (15 years ago)

Flickr Integration (feeds, gallery, slideshows, etc.)

I started rambling about Flickr in another thread, so though I'd switch out that discussion to a new one focused on Flickr for those interested. Flickr is an online image management service you're probably aware of. My interest in incorporating Flickr within a buzztouch app is because I interact with Flickr already, and integration means I can add a new photo to Flickr (say directly from my iPhone in the field) and then that photo updates in all the places I have enabled with a Flickr feed. For example, it pops up on a slideshow on my website(s), it could be synced to a twitter feed, blog, etc. The goal is to take a new or existing photo, and distribute it to several destinations at once, in one action. I want one of those destinations to be inside a buzztouch app. Flickr is flexible so that you can pull entire photostreams, or just sets or groups of photos, or just photos with certain tags. You can pull from your own account or other accounts and community groups, too. For my purposes here, I am interested in pulling a photo feed from my own account only. There are several methods for integrating Flickr into a buzztouch app. I'll share with you what I've discovered so far. Feel free to chime in with more ideas. 1) Custom URL Link You can just link to any flickr url and it will pull up Flickr like any other web page. Certain views are optimized for mobile devices. YMMV. There are different approaches you can use with URLs to pull up certain photos and much more you can access through the Flickr API. See http://www.flickr.com/services/api/misc.urls.html for lots of details, but for now I'll just list the basic direct URL approach: http://www.flickr.com/people/{user-id}/ - profile http://www.flickr.com/photos/{user-id}/ - photostream http://www.flickr.com/photos/{user-id}/{photo-id} - individual photo http://www.flickr.com/photos/{user-id}/sets/ - all photosets http://www.flickr.com/photos/{user-id}/sets/{photoset-id} - single photoset Your {user-id} is a funny number with an '@' sign in it. Something like '47489319@N05' ...this is close to mine with some digits changed, I just don't want my account pinged unnecessarily, but that's what it looks like. You can find your {user-id} by clicking one of your own RSS feeds, and it will be shown within the url. When putting it in the URL type you've chosen from above, do not include the '{}', only the id, such as: http://www.flickr.com/people/47489319@N05/ (This link won't actually work because the ID is fake and nonexistent.) The {photo-id} and {photoset-id} are just strings of digits, also found in URLs when you go to browse a photo or photoset. Likewise, don't put in the '{}'. Also, the hyphen and words shown at the end of the URLs above are not to be included. (like ' - individual photo' They are just describing each of the URL purposes. I'm currently preferring this approach because it gives me a decent view of Flickr and I can control what photos are shown. But it's not a perfect clean gallery view that I ultimately want. 2) RSS Feeds Twitter has multiple options for RSS feeds. You can pull an RSS feed for your entire photostream or certain groups, sets, tags, etc. Just copy an RSS feed URL into buzztouch for a RSS Feed type content screen, and you're good to go. With this method, you'll get the RSS feed with the photo name and a byline, then you have to click through each one to see the photo. After clicking through, you're brought to the html view of your entire photostream, so this won't truly limit a viewer to certain sets, tags, or whatever you are linking for the RSS feed. The RSS Feed approach may be useful in some situations where you'd rather first list all the images by name and have the user click to view them individually. Also, it does not give you an immediate full screen view of the photo only, it still has the full Flickr website material all around it, so it's not a clean look for a gallery. 3) Custom API interface? I'm really looking for a clean gallery type view direct from Flickr. At this point, some kind of custom HTML might be able to achieve that using Flickr's API interface. In fact, there might be some free code lying about somewhere from someone who has already figured this out. I'll let you know if I come up with anything myself or stumble across something existing. Please do the same. -- R2-D2 iPhone 4 / iPad iOS 4.2.1 buzztouch v1.5
 
David @ buzztouch
buzztouch Evangelist
Profile
Posts: 6866
Reg: Jan 01, 2010
Monterey, CA
78,840
like
02/20/11 10:59 PM (15 years ago)
A few months ago I built an HTML screen that included a list of image url's. Javascript loaded the images and the web-view displayed them. It was an alternative attempt vs. the image gallery logic we ended up with. It worked awesome! Images were scalable, centered, and fast. It's for sure an approach to take and I do look forward to working out more image-display options.
 

Login + Screen Name Required to Post

pointerLogin to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.