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

zadda · April 30, 2012 at 9:45 AM

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

HTML

<!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>

Display More

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)

XML

<?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>

Display More

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

zadda · April 30, 2012 at 3:09 PM

well,

after reading this :

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

i got the answer - this is plain weird

Quote

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 !

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

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

Participate now!

Users Viewing This Thread