You are not logged in.

1

Monday, April 30th 2012, 9:45am

[SOLVED] iBook pano.wdgt not going fullscreen on iPad

Hi,

as i don't have the money for panoTour and his "export iBook widget" feature,
i build my custom one, but have a problem when testing on ipad 3

the widget itself works fine, but when tap/click on picture to launch pano,
it's not going fullscreen : actually, the pano fill the screen width but the height is not full screen,
then i think this is just a syntax pb that i cannot pinpoint

in the pano.wdgt folder,
there the index.html and the info.plist


Source code

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
<!DOCTYPE html>
<html>
<head>
	<title>krpano.com - Panorama_8b_sRGBSHARP</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" />
	<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="Panorama_8b_sRGBSHARP.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:"Panorama_8b_sRGBSHARP.swf", xml:"Panorama_8b_sRGBSHARP.xml", target:"pano"});
	</script>
</div>

</body>
</html>


i think html can be simplified and swf discarded

info.plist : i've tried to change width and height as 2048x1536, but height still not fullscreen, and when width set to 1024px : on ipad3 it's 2048px displayed (full width)

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">

<plist version="1.0">
<dict>

	<key>CFBundleIdentifier</key>
	<string>com.medias.widget.pano</string>
	
	<key>CFBundleName</key>
	<string>pano</string>
	
	<key>MainHTML</key>
	<string>index.html</string>
	
	<key>Height</key>
	<integer>768</integer>
	
	<key>Width</key>
	<integer>1024</integer>
	
</dict>
</plist>


i think it's just html syntax pb, any idea ?

(by the way, i'm using iBook Author 1.1 to integrate the pano in book)

Thanks

z

This post has been edited 2 times, last edit by "zadda" (Apr 30th 2012, 3:11pm)


2

Monday, April 30th 2012, 3:09pm

well,

after reading this :

ibook
http://blogs.remobjects.com/blogs/jim/2012/02/21/p3918

i got the answer - this is plain weird *thumbdown*

Quoted

The Default.png file serves two very important purpose. The first being that it is the “in page” preview of your widget when it is not active, the second that it defines the size and aspect ratio of your widget when displayed in active mode.


So, iPad 2 and 3 are (4:3) ratio aspect screen with 1024x768 and 2048x1536 pxl,
if you want fullfill the screen with your pano, your default.png must be 4:3 too !

so you cannot display an equirectangular image of your pano and get the fullscreen because the default.png will be 2:1 ratio ! *cursing*

obviously, i find a work-around to display an equi and get the fullscreen, as the default img is png ;
you have to enlarge your image canvas with transparency to get the 4:3 ratio, but in this case you will not be able to use the built-in borders in iBooks Authors ,
so use photoshop too to add borders,shadows and so on...

by the way, i locked my book to landscape orientation in iBook author.

so, nothing to change in my .plist file and .html as i was thinking first...


z