Publish to Facebook

[JimWatters]

I am trying to create panos and webpages that work well on many devices utilizing Multiresolution and HTML5/SCS3.

I created a swf file that only contains the smallest cube faces. Two other sizes to Decode at startup.

When I view this pano local or on my site it works as expected. But when I publish it to Facebook only the small cube faces are used. Zooming in or going fullscreen in facebook only uses the small faces.

If I look at 360cities examples on Facebook that uses krpano, when I zoom in I can see that new tiles are being downloaded dynamical as needed. So it is not because they are in the original .swf file.

Is it possible to have this ability with Pano2VR or am I missing something?

Jim

[Hopki]

Hi Jim
I read somewhere that you needed to contact Face Book so they give your page the permissions to do this.
I could be wrong as I have never tried, but may be worth contacting them in any case.
Regards
Hopki

[JimWatters]

The pano is displayed just not using the high resolution images linked in the swf file.

The website containing the swf file must be white listed. Which it is.
The head of the html file needs to be properly created to point to the swf file.

I guess the swf file is using relative paths to the high resolution files.
Facebook caches the swf file so when it is displayed from their server the paths to the high res faces does not work.

To get this working, people using krpano do something like this to tell the viewer where the xml file is. And the xml file knows where the faces and tiles are.
<link rel="video_src" href="http://photocreations.ca/camp/krpano.sw ... p/camp.xml"/>

Is it possible to have absolute paths in the swf file to the high res images?
Is it possible to pass parameters to the .swf file to the location of an xml file?

Jim

[hum@no.id]

Pano2VR swf panorama file, if publishing for other resources requested external files contains from root your server

approx example for FB
Create Community Page / apps / Static FBML (Go to App)

Code: Select all

<fb:swf swfsrc='http://yourdomain.com/panos/pano1.swf' width='520' height='300' imgscr=http://yourdomain.com/thumbs/pano1.jpg' />

prepare to Pano2VR your multiresolution path like this:
external/$n/c%c_l%r_%y_%x.jpg

Code: Select all

http://yourdomain.com/external/$n (your folder original name)

For HTML5 I have not tested

[JimWatters]

Do you have an example of a Pano2VR pano being displayed this way?
Jim

[hum@no.id]

Currently there is no working example .... I tested it, and removed ... because ... I need to come up with a uniform way to publish the panorama including HTML5 \ CSS3 ...
Also in plan correctly set up nice and suitable FB account name, without the personal pages
If someone has the time and opportunities it may create a similar example based on tips
... most correct solutions will be a concept, as an example of a plugin for Wordpress

[sportsnapper]

Ther'e's a Panoramic photographers group on facebook called 'Panoramic Photographers on Facebook' (!) It's run by Sam Rohn

They have a docs section that has a lot of information on publishing panoramas on facebook. It's a good start. I haven't done it yet - it's on the todo list. Not sure if you have to join the group to see the docs or not.

regards

Gareth

[JimWatters]

I just figured out what I need to do.
I have some more tweaking to do before posting another pano, but I believe I have it working as I want.

In multiresolution tab for Flash Output.
First I generate the multiresolution tiles by
Enabled: Yes
Generate Files: Yes
Filename: $n_tiles/c%c_l%r_%y_%x.jpg

Then generate the swf file again with a new filename that points to my server. But don't Generate Files. Kind of adds a domain lock too. But still allows the low resolution pano to be viewed with a link back to my domain.
Enabled: Yes
Generate Files: No
Filename: http://photocreations.ca/camp/$n_tiles/ ... _%y_%x.jpg

Would be nice to have a "Generate files Now" button on the Multiresoluion tab for this. But that does not help for batch processing panos. Probably need an extra field beside filename for domain location.

Jim

[vilmer]

Another option, that will only work if you have a business type of page, is to
- create a site dedicated to FB stuff on your server
- install Wordpress on it
- use a Wordpress skin of max 520 px wide
- install the panopress plugin (this will present either the flash or html5 version depending on your visitor's device)
- start building pano content using either the 'blog' option or different 'pages' in Wordpress.

- Embed this site into Facebook using the new Iframes option!

I am at this moment trying to built something like this here Nowhere near finished, but you'll get the idea I guess.

*oh yes, I am also experimenting with the way you are trying, just click on the above mentioned fb page on the 'wall' link* I create all necessarily files using a droplet. ( small flash tour for the 'wall', big flash tour for the full screen link, and big html 5 version for iUsers who can click on the title of the tour.*

Ronald

[gaboso]

Hello Vilmer,

I have 2 questions that hopefully you can answer...

1. How did you get the custom "ejemplos" page on facebook?

2. How did you place the round pano image next to the "wall" posts?

And thank you very much for your shared knowledge that you are willing to posts on this forum.

Thank you Vilmer,

Gabriel

[vilmer]

Hello Gabriel, I will try to answer your questions.
1) You cannot create a custom 'tab' on your personal Facebook page, you'll need to create a 'business' or 'fan' page for that. Than you have to create an 'app', in my case I create an iframe app linking to an experimental wordpress blog. Once you finished creating that app, you can add it to your business page, with a custom icon. A very informative site on how to create the content on your server, and the iframe app linking to it can be found at http://www.hyperarts.com/blog/adding-if ... -fan-page/

2) I followed the tutorial at http://www.photosurveyor.com/tutorials/facebook/ for that. (You will have to have your site whitelisted at facebook, the form to apply for that is here: http://www.facebook.com/help/contact.ph ... _whitelist

Good luck,
Ronald

[patrickcheatham]

Hi folks:

hopefully this is on topic...

I created a pretty detailed walkthrough for posting pano content to Facebook; It goes through all the proper steps, including how to link to a thumbnail to appear alongside the post, plus discusses the "Open Graph" tags you'll want to use (which Facebook prefers over "regular" metatags). Hope it helps!

http://patrickcheatham.com/posting-360- ... o-facebook

The walkthrough should apply to -any- Flash-based panorama content (whether P2VR or otherwise), as well as video, etc. I mention it because I found the information to be pretty scattered and incomplete around the Web.

Cheers,

Patrick