Sie sind nicht angemeldet.

Embedding on facebook.com

Nicolastarallo

Schüler

Beiträge: 49

  • Nachricht senden

81

Freitag, 25. Februar 2011, 19:27

FaceBook PLAYbutton - Panos into wall

Hello Everybody,
I i triyng very hard to put my panos into facebook wall, i have read all the forum, but i couln't find the code i need to put so they will show.
I am already in white list, and i prepared the html file, but when i pasted my URL: http://www.puntadeleste360.com/sg/casapiedra_swf/ in face book, i only get the thumb where i put the path for. I don't get the PLAY button. I am missing something? this is the code i am using:

<!DOCTYPE html>
<html>
<head>
<title>Chacras de Sugar Loaf</title>
<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

<meta name="description" content="Chacras de Sugar Loaf" />

<link rel="video_src" href="http://www.puntadeleste360.com/sg/casapiedra_swf/index.html"/>

<meta name="title" content="Casa de en las Chacras de Sugar Loaf" />

<link rel="image_src" href="http://www.puntadeleste360.com/sg/casapiedra_swf/thum1.jpg" />

<meta name="video_height" content="280" />

<meta name="video_width" content="280" />

<meta name="video_type" content="application/x-shockwave-flash" />

<style>
html { height:100%; }
body { height:100%; overflow: hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFFFFF; background-color:#000000; }
a{ color:#AAAAAA; text-decoration:underline; }
a:hover{ color:#FFFFFF; text-decoration:underline; }
</style>
</head>
<body>

<script src="tour.js"></script>

<div id="pano" style="width:100%; height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano"});
</script>
</div>

</body>
</html>

Thank you very much.
Nico

immersium

Schüler

Beiträge: 66

Wohnort: Chambéry, Savoie, France

Beruf: GM Multimedia Company

  • Nachricht senden

82

Sonntag, 27. Februar 2011, 20:19

Hi - This is what I use and it works just fine.
You can see it in action on my facebook wall (look for Résidence Almes) : http://www.facebook.com/pages/Immersium/131615226886648


<html>

<head>
<title>YOUR TITLE</title>
<meta name="title" content="Title" />
<meta name="description" content="Description" />
<link rel="image_src" href="http://www.yourwebsite.com/thumb.jpg" />
<link rel="video_src" href="http://www.yourwebsite.com/tour.swf"/>
<meta name="video_height" content="350" />
<meta name="video_width" content="470" />
<meta name="video_type" content="application/x-shockwave-flash" />
</head>

<body>

<script src="tour.js"></script>

<div id="pano" style="width:100%; height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano"});
</script>
</div>

</body>
</html>
Websites : Immersium
Facebook page : http://www.facebook.com/pages/Immersium/131615226886648
Nikon D300 + Nikkor 10.5mm + 360Precision Absolute
Gigapan + Canon G9

Nicolastarallo

Schüler

Beiträge: 49

  • Nachricht senden

83

Dienstag, 1. März 2011, 04:52

Hello! thank you for your reply.
I coud get the play button to work, and when i press the right clic on the tour i can see the ABOUT krpano.
Here i attach my tour files, i don;t get ir why is not working. It looks easy, but is very hard.

Here is the new code you gave me.

Thank you again!

NEW CODE

<html>

<head>
<title>Chacras de Sugar Loaf</title>
<meta name="Chacras de Sugar Loaf" content="Sugar Loaf" />
<meta name="description" content="Description" />
<link rel="image_src" href="http://www.puntadeleste360.com/foro/thumb.jpg" />
<link rel="video_src" href="http://www.puntadeleste360.com/foro/tour.swf"/>
<meta name="video_height" content="350" />
<meta name="video_width" content="470" />
<meta name="video_type" content="application/x-shockwave-flash" />
</head>

<body>

<script src="tour.js"></script>

<div id="pano" style="width:100%; height:100%;">
<noscript><table style="width:100%;height:100%;"><tr style="valign:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript>
<script>
embedpano({swf:"tour.swf", xml:"tour.xml", target:"pano"});
</script>
</div>

</body>
</html>
»Nicolastarallo« hat folgendes Bild angehängt:
  • image.jpg

immersium

Schüler

Beiträge: 66

Wohnort: Chambéry, Savoie, France

Beruf: GM Multimedia Company

  • Nachricht senden

84

Dienstag, 1. März 2011, 08:40

I have encapsuled all the files (xml, tiles, skin, etc) into a single swf (in that case called tour.swf) using krprotect.
Try it out.
Websites : Immersium
Facebook page : http://www.facebook.com/pages/Immersium/131615226886648
Nikon D300 + Nikkor 10.5mm + 360Precision Absolute
Gigapan + Canon G9

Nicolastarallo

Schüler

Beiträge: 49

  • Nachricht senden

85

Dienstag, 1. März 2011, 09:04

IT WORKED!!!!!!!
FINALLY! THANK YOU VERY MUCH!

immersium

Schüler

Beiträge: 66

Wohnort: Chambéry, Savoie, France

Beruf: GM Multimedia Company

  • Nachricht senden

86

Dienstag, 1. März 2011, 09:07

Glad I could help *smile*
So where is the link to that embedded virtual tour?
Websites : Immersium
Facebook page : http://www.facebook.com/pages/Immersium/131615226886648
Nikon D300 + Nikkor 10.5mm + 360Precision Absolute
Gigapan + Canon G9

Nicolastarallo

Schüler

Beiträge: 49

  • Nachricht senden

87

Mittwoch, 2. März 2011, 00:43

Hello immersium,
This is the link from the tour it had worked.

http://puntadeleste360.com/babyswf/

this is the facebook link: http://www.facebook.com/pages/puntadeles…0995539?sk=wall

but now is not workin again.... snif snif... *confused*
I worked perfect, and now, suddenly not working any more.
Any idea?
Thank you very much for your help.

Jarredja

Profi

Beiträge: 1 058

Wohnort: LA

  • Nachricht senden

88

Mittwoch, 2. März 2011, 01:11

Works for me clicking the facebook link.

Jarred

Nicolastarallo

Schüler

Beiträge: 49

  • Nachricht senden

89

Mittwoch, 2. März 2011, 01:35

Jarredja,
This is the new link iu made today, with exacly the same code i used before.
And is not working.... have any clue?

FACEBOOK: http://www.facebook.com/#!/pages/puntade…0995539?sk=wall

LINK: [url]http://www.puntadeleste360.com/tommy/[/url]

Thank you very much!
Nico

Jarredja

Profi

Beiträge: 1 058

Wohnort: LA

  • Nachricht senden

90

Mittwoch, 2. März 2011, 02:17

I see two tours created within the last hour (both named Tommy) and both are working for me within the confines of Facebook.

immersium

Schüler

Beiträge: 66

Wohnort: Chambéry, Savoie, France

Beruf: GM Multimedia Company

  • Nachricht senden

91

Mittwoch, 2. März 2011, 10:44

Same as Jarredja, the 2 latest tours work fine on my side.
I would nevertheless advise you to decrease the size of the cubes (with no multiresolution) as they take a long time to load.
If I may, I would also create a special skin for Facebook, eg no need to have a fullscreen button as it doesn't work within Facebook.
Websites : Immersium
Facebook page : http://www.facebook.com/pages/Immersium/131615226886648
Nikon D300 + Nikkor 10.5mm + 360Precision Absolute
Gigapan + Canon G9

edgedesign

Anfänger

Beiträge: 21

Wohnort: Miami

Beruf: Creative Director / Photographer

  • Nachricht senden

92

Donnerstag, 23. Juni 2011, 06:28

Never-mind... problem solved!
Bill Fant | SoFla360

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »edgedesign« (23. Juni 2011, 07:12)

yay

Anfänger

Beiträge: 15

  • Nachricht senden

93

Freitag, 15. Juli 2011, 20:10

Hi,

I'm trying to embed a panorama into facebook.

In facebook, I have the play button to load the pano but when I click, I got that error : "FATAL: resto.xml - loading error (Security Error)"

I've created a crossdomain.xml file and put it on my server (I tried on the path of the resto.xml, on the starting path of the server) but nothing works.

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
	<site-control permitted-cross-domain-policies="master-only" />
	<allow-access-from domain="s-static.facebook.com" />
	<allow-access-from domain="static.facebook.com" />
	<allow-access-from domain="static.api.ak.facebook.com" />
	<allow-access-from domain="*.static.ak.facebook.com" />
	<allow-access-from domain="s-static.thefacebook.com" />
	<allow-access-from domain="static.thefacebook.com" />
	<allow-access-from domain="static.api.ak.thefacebook.com" />
	<allow-access-from domain="*.static.ak.thefacebook.com" />
	<allow-access-from domain="*.static.ak.fbcdn.com" />
	<allow-access-from domain="s-static.ak.fbcdn.net" />
	<allow-access-from domain="*.static.ak.fbcdn.net" />
	<allow-access-from domain="s-static.ak.facebook.com" />
	<allow-access-from domain="www.facebook.com" />
	<allow-access-from domain="www.new.facebook.com" />
	<allow-access-from domain="register.facebook.com" />
	<allow-access-from domain="login.facebook.com" />
	<allow-access-from domain="ssl.facebook.com" />
	<allow-access-from domain="secure.facebook.com" />
	<allow-access-from domain="ssl.new.facebook.com" />
	<allow-access-from domain="static.ak.fbcdn.net" />
	<allow-access-from domain="fvr.facebook.com" />
	<allow-access-from domain="www.latest.facebook.com" />
	<allow-access-from domain="www.inyour.facebook.com" />
	<allow-access-from domain="www.beta.facebook.com" />
</cross-domain-policy>


The html code:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90

<html>
<head>
<meta name="Le Denti" content="Le Denti" />
<meta name="description" content="Restaurant Le Denti" />
<link rel="image_src" href="http://wisit360.com/krpano/images/lien_site.png" />
<link rel="video_src" href="http://wisit360.com/krpano/panos/20110702_restau_le_denti_multires/resto.swf"/>
<meta name="video_height" content="350" />
<meta name="video_width" content="470" />
<meta name="video_type" content="application/x-shockwave-flash" />
<title>Restaurant "Le Denti" à Annecy</title>

</head>

<style>

body{ font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; background-color:#000000; margin:0; padding:0; }

* html, * html body{ overflow: hidden; }

a{ color:#AAAAAA; text-decoration:underline; }

a:hover{ color:#FFFFFF; text-decoration:underline; }

</style>

<body>



<div id="krpanoDIV">

	<noscript><table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br/><br/>Javascript not activated<br/><b/r></center></td></tr></table></noscript>

</div>



<script type="text/javascript" src="swfobject/swfobject.js"></script>

<script type="text/javascript" src="swfobject/swfkrpanomousewheel.js"></script>





<script type="text/javascript">

// <![CDATA[

	if (typeof(deconcept) !== 'undefined')

	{

	 	if (deconcept.SWFObjectUtil.getPlayerVersion().major >= 9)

		{

			var so = new SWFObject("resto.swf","krpanoSWFObject","100%","100%","9.0.28","#000000");

			so.addParam("allowFullScreen","true");



			if (so.write("krpanoDIV")) { var mousewheelfixes = new SWFkrpanoMouseWheel(so); }

		}

		else

		{

			document.getElementById("krpanoDIV").innerHTML = '<table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br><br>Adobe Flash Player 9 needed<br><br><br><a href="http://www.adobe.com/go/getflashplayer/"  target="_blank"><IMG SRC="http://www.macromedia.com/images/shared/download_buttons/get_flash_player.gif" BORDER="1"></a><br>...click here to download...<br><br><br><br></center></td></tr></table>';

		}

	}

	else

	{

		document.getElementById("krpanoDIV").innerHTML = '<table width="100%" height="100%"><tr valign="middle"><td><center>ERROR:<br/><br/>swfobject.js not found<br/><br/></center></td></tr></table>';

	}

// ]]>

</script>
</body>
</html>


Using firebug, it seems that facebook looking for http://static.ak.facebook.com/crossdomain.xml and not my crossdomain.xml file.

Someone has an idea how getting this work ?

Thanks

Yannick

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »yay« (15. Juli 2011, 21:57)

yay

Anfänger

Beiträge: 15

  • Nachricht senden

94

Montag, 18. Juli 2011, 21:54

That's ok. I found the problem.

You have to call the swf that way (with the crossdomain.xml on the root of your server):

Quellcode

 
1

<meta property="og:video" content="http://wisit360.com/krpano/panos/20110702_restau_le_denti_multires/krpano.swf?pano=http://wisit360.com/krpano/panos/20110702_restau_le_denti_multires/resto.xml" />

yay

Anfänger

Beiträge: 15

  • Nachricht senden

95

Montag, 18. Juli 2011, 22:31

Another question : is it possible to go on the facebook page from an iphone and see the panoramas ? (here, we embed swf files so unreadable from an iphone)

Yannick

sachagriffin

Meister

Beiträge: 1 857

Beruf: Virtual Tours - Photography - Krpano developer

  • Nachricht senden

96

Dienstag, 19. Juli 2011, 00:15

No but if you're setup at the link your idevices version should work.
Facebook embedding itself isn't supported for iDevices.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

erik-beth

Anfänger

Beiträge: 6

  • Nachricht senden

97

Dienstag, 19. Juli 2011, 10:58

embedding in facebook - german infos?

hello everyone,

i try to get my panos into facebook, but don`t know how.
i read all topics - but i understand notihing.
i`m a 13 years old pano & fb beginner - so my english is not the best.

i don`t know, where i have to put the html code in fb or how to make a page?!?!

is there someone who have a german instruction, please *g*

erik

sachagriffin

Meister

Beiträge: 1 857

Beruf: Virtual Tours - Photography - Krpano developer

  • Nachricht senden

98

Dienstag, 19. Juli 2011, 17:03

KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

erik-beth

Anfänger

Beiträge: 6

  • Nachricht senden

99

Mittwoch, 20. Juli 2011, 11:28

ok - preparing my panos for fb i checked, but
how get i the text and thumbnail in fb?

i get only these on my site:
status, foto, video, link, frage
and in no one i can put text AND picture.

erik

Gulsun

Anfänger

Beiträge: 31

  • Nachricht senden

100

Dienstag, 18. Oktober 2011, 13:57

Hi, i have added some krpano panos in my facebook page but since yesterday i cannot any mode it does not work. and my meta data looks like

<meta property="fb:page_id" content="my pageid" />
<meta property="og:title" content="sadasd" />
<meta property="og:type" content="article" />
<meta property="og:image" content="http://mywebsitename/facebookvideo5/image2.png" />
<meta property="og:url" content="http://mywebsitename/" />
<meta property="og:video" content="http://mywebsitename/facebookvideo5/krpano.swf?pano=http://mywebsitename/facebookvideo5/krpano.xml" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="398" />
<meta property="og:video:height" content="460" />

<meta name="description" content="something" />


any idea why it does not anymore work???

Ähnliche Themen