/ Cooliris /

betterburnout / 2009-02-15 12:21:33   

Bonjour Mr Vaska.
Hello everyone.

/ I am getting more and more enthusiast about what you have done till now, with this Indexhibit of yours. Thank you very much for sharing this very nice project with everyone. I do like also the spirit of it. / I'm finding however sometimes quite difficult to find my way through this new language :), html & css, but I do my best to keep up. /

:: I am a photographer, for the first time, thanks to you, I am thinking about doing myself my portfolio. Because I need to update the old old one ::

Now my little question-of-the-day :
I was suddenly wondering if there was a way to implement the Cooliris add-on in Indexhibit. (?)

Have a nice day. ®

Vaska A / 2009-02-15 14:25:07   

Certainly it's possible, yes.

This is the kind of technology I'll look at myself when I have more time...after the next big release...but until then I don't have time.

If somebody else has time that would be great...

sfbuckaroo / 2009-03-24 00:17:09   

Hi I also love this platform (and have the same question). More specifically, I am trying to integrate the cooliris "wall" into a few of my exhibits. I follow the instructions, insert the code (which only works when I turn off "read html") in the exhibit and I get this message:

http://www.5778k.com/index.php?/prints/trees-of-healdsburg/ (It tells me I need to have a crossdomain.xml file at my root directory, which I have done).

The cooliris code reads like this:

  1.   </object><object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  2.         width="760" height="450">
  3.         <param name="movie" 
  4.             value="http://apps.cooliris.com/embed/cooliris.swf" />
  5.         <param name="flashvars"
  6.             value="feed=http://www.mywebsite.com/photos.rss" />
  7.         <param name="allowFullScreen" value="true" />
  8.         <param name="allowScriptAccess" value="always" />
  9.         <embed type="application/x-shockwave-flash" 
  10.             src="http://apps.cooliris.com/embed/cooliris.swf" 
  11.             width="760" height="450" 
  12.             flashvars="feed=http://www.mywebsite.com/photos.rss" 
  13.             allowFullScreen="true" allowScriptAccess="always"></embed>

It occurs to me that I might need to do this in an iframe? I will try that in the next day and let you know the results.

Here's the website from cooliris about embedding their "wall" on a page:

http://developer.cooliris.com/?p=embed

My goal is to use this with an rss feed from picasaweb, where I keep most of my work photography.

Regards,

DB

5778k.com

Vaska A / 2009-03-24 00:22:15   

The link doesn't have the content you are talking about.

Does your code really being with an object closing tag?

  1. </object>

And 'mywebsite.com' is not what you are really using, right?

And, are you really pulling the swf file from the cooliris website?

sfbuckaroo / 2009-03-24 04:04:18   

Vaska,

Correct, the two feeds are replaced with my own feed from picasaweb. In my post above, I cut and pasted the code from the cooliris site without customizing the feed.

The swf comes from cooliris. From my limited understanding of such matters, that's why you have to install a crossdomain.xml file at the root of the website in order for the cooliris embed to work.

You are correct about the missing tag. I didn't make that mistake when I posted the code to my exhibit-- at least I know that's not the problem!

I've started to research a bit about the crossdomain.xml files and I am finding some discussion about what's meant by "root." I put the file right at the front (i.e. www.MYWEBSITE.com/crossdomain.xml). I'm wondering if there's another directory I should put it in.

Regards,

DB
5778K.com

arsondpi / 2009-03-24 07:47:32   

...just a stupid question: did you enable your site? I mean you got your media rss feed ready?

sfbuckaroo / 2009-03-25 02:04:05   

arsondpi-- good point, I was wondering how to get the ".rss" extension. I searched around and found nothing, but I wasn't looking at the cooliris site.

Yesterday I was able to confirm that the crossdomain message from cooliris is probably in error and that the problem in fact lay in the feed. I came across an explanation on cooliris about how to implement their wall using an API feed: cooliris for picasa

Now I am perplexed about how to generate the API info. They describe how to do it for flickr but not picasa. I spent hours last night trying to figure it out to no avail. I feel stupid because I'm pretty sure it's staring me in the face.

Anyways, generating the media rss feed may be a work-around. From what I found in discussion boards about the api solution, it loads faster, so I am still trying to figure out how to do it that way.

Thanks.

DB
5778K.com

paucc A / 2009-03-25 21:28:46   

It's interesting idea, if I have some time next week I'll take a look at it ....

Vaska A / 2009-03-25 21:57:21   

It is...when you do send me a note and I'll go on chat too...

paucc A / 2009-03-26 00:34:44   

Ok, I got it!
:-D
I couldn't resist until next week.....

There are two elements that make it not easy:
1- there is a error in their code (I think so) and
2- they don't explain it good.
I'll try to put here how I got it and try to explain the better. The problem I found with the code is that after the swf needs to be the parameters that make it show the images you want. If not only appear the flickr most interesting images.
So the parameter after the swf should be the adress to the rss feed you want to show.
As I see it, the api they mention isn't from google or yahoo but from cooliris, is a way to convert a album from picasa to a feed.

  1. Let's reproduce the steps needed to get it:
  2. 1- look for your picasa username and album name that you want to show, in my case <strong>pauvaliente</strong> and <strong>Paredes</strong>.
  3. 2- you have to convert the api adress to something flash understand as a single order. They say to copy this sode in a new browser window where you change your username and album name:
  4. javascript:alert(encodeURIComponent('api://picasaweb.google.com/?user=pauvaliente&album=Paredes'));
  5. 3- when you hit enter should appear a javascript window with something like:
  6. api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3Dpauvaliente%26album%3DParedes
  7. 4- copy and paste it in the following code after the ".swf?" and after the "flashvars" (remember they appear twice). I don't know what does that last attribute because without it also works, but anyway, leave it there.
  8.  <object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="450">
  9.     <param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf?feed=api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3Dpauvaliente%26album%3DParedes" />
  10.     <param name="flashvars" value="feed=api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3Dpauvaliente%26album%3DParedes" />
  11.     <param name="allowFullScreen" value="true" />
  12.     <param name="allowScriptAccess" value="always" />
  13.     <embed type="application/x-shockwave-flash" src="http://apps.cooliris.com/embed/cooliris.swf?feed=api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3Dpauvaliente%26album%3DParedes" width="760" height="450"
  14.         flashvars="feed=api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3Dpauvaliente%26album%3DParedes"
  15.         allowFullScreen="true" allowScriptAccess="always"></embed>
  16. </object> 
  17. (it seems the forum don't show the code but the result) it's just the code that appear in the site:
  18. http://apps.cooliris.com/embed/docs/index3.php
  19. But you have to add: ?feed=api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3Dpauvaliente%26album%3DParedes (with the api code you buile before) just after the two swf like that:
  20. src="http://apps.cooliris.com/embed/cooliris.swf?feed=api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3Dpauvaliente%26album%3DParedes" 

Vaska, sorry I can't see you in the AIM, talk tomorrow!
good night!

paucc A / 2009-03-26 00:37:30   

Ups, what a mess of code ...
Isn't possible to add more than one code commands in the forum?

I'll try to fix it:

---------------------------------------------------------------

Ok, I got it!
:-D
I couldn't resist until next week.....

There are two elements that make it not easy:
1- there is a error in their code (I think so) and
2- they don't explain it good.
I'll try to put here how I got it and try to explain the better. The problem I found with the code is that after the swf needs to be the parameters that make it show the images you want. If not only appear the flickr most interesting images.
So the parameter after the swf should be the adress to the rss feed you want to show.
As I see it, the api they mention isn't from google or yahoo but from cooliris, is a way to convert a album from picasa to a feed.

paucc A / 2009-03-26 00:38:51   

Let's reproduce the steps needed to get it:
1- look for your picasa username and album name that you want to show, in my case pauvaliente and Paredes.
2- you have to convert the api adress to something flash understand as a single order. They say to copy this code in a new browser window where you change your username and album name:

  1. javascript:alert(encodeURIComponent('api://picasaweb.google.com/?user=pauvaliente&album=Paredes'));
paucc A / 2009-03-26 00:39:45   
  1. 3- when you hit enter should appear a javascript window with something like:
  2. api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3Dpauvaliente%26album%3DParedes
paucc A / 2009-03-26 00:40:08   

:-(

paucc A / 2009-03-26 00:41:38   
  1. 4- copy and paste it in the following code after the ".swf?" and after the "flashvars" (remember they appear twice). I don't know what does that last attribute because without it also works, but anyway, leave it there.
  2. <object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="450">
               

   

(it seems the forum don't show the code but the result) it's just the code that appear in the site:
http://apps.cooliris.com/embed/docs/index3.php

paucc A / 2009-03-26 00:42:41   
  1. But you have to add:
  2. ?feed=api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3Dpauvaliente%26album%3DParedes
paucc A / 2009-03-26 00:43:19   
  1. (with the api code you buile before) just after the two swf like that:
  2. src="http://apps.cooliris.com/embed/cooliris.swf?feed=api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3Dpauvaliente%26album%3DParedes"
  3. Vaska, sorry I can't see you in the AIM, talk tomorrow!
  4. good night!
paucc A / 2009-03-26 00:43:42   

Example here:
http://pau.cc/projects/cooliris/

:-D

paucc A / 2009-03-26 00:44:05   

http://pau.cc/projects/cooliris/

sfbuckaroo / 2009-03-26 02:35:38   

paucc THANK YOU THANK YOU THANK YOU and THANK YOU again. I've spent the better part of the day trying to figure this out and looking for alternatives. I need to eat dinner and then I will try out your suggestion. I did look at your sample, which looks like what I've been trying to do.

sfbuckaroo / 2009-03-26 20:16:39   

I don't know what I'm doing wrong... can't get it to work. All but one of my albums is "private" which just means the link is unpublished (no authentication is required for the visitor) so I thought I might have an issue with the album name. I have tried a few variations, such as the numerical "albumid" PWA assigns when making an rss feed, and including the "authkey" code after the album name. But even when I try to make my one public album show, I have no luck. I have tried to follow all the instructions. Here's the code I generate for my public album (the cooliris wall pops up for my page, but the images never load):

  1. <object id="o" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="450">
  2.     <param name="movie" value="http://apps.cooliris.com/embed/cooliris.swf" />
  3.     <param name="flashvars" value="feed=api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3Dbayplanner.photos%26album%3DDrummondBuckleySContactInfo" />
  4.     <param name="allowFullScreen" value="true" />
  5.     <param name="allowScriptAccess" value="always" />
  6.     <embed type="application/x-shockwave-flash" src="http://apps.cooliris.com/embed/cooliris.swf" width="760" height="450"        flashvars="feed=api%3A%2F%2Fpicasaweb.google.com%2F%3Fuser%3Dbayplanner.photos%26album%3DDrummondBuckleySContactInfo"
  7.         allowFullScreen="true" allowScriptAccess="always"></embed>
  8. </object>
paucc A / 2009-03-26 20:55:44   

You have to add the ?feed=api....... after the ".../cooliris.swf"
Read slowly all the instructions I write, and follow them, it works.
Also I see you followed the intructions on the web, not the ones I pasted here. In the code you write you have ".photos" after your username and this is part of the username of the demo of cooliris (the cooliris picasa username is "cooliris.photos").
Look in this page, I made your cooliris work in my site:

http://pau.cc/projects/cooliris/

Vaska A / 2009-03-26 21:56:11   

Nice work!

sfbuckaroo / 2009-03-28 00:42:43   

paucc-- thanks again. love your site btw, especially the panoramicas.

I eventually gave up and used made "media rss" galleries on my site to plug into the embed wall. I did use the api method for a flickr album ("trona california" in the menu).

here's an example from my site using the media.rss method. I really like how this flash gallery integrates with indexhibit.

Vaska, as soon as my site is presentable I am going to contribute. I promise! So glad I found this site, you saved me from a joomla nightmare.

paucc A / 2009-03-29 10:17:22   

sfbuckaroo, if you want the code I pasted into my site (you wouldn't need to do anything else than setting up the size) download this text:
http://pau.cc/cooliris.txt

Thanks Vaska!!

This thread has been closed, thank you.