multires_blank_tiles

JLang · Sat Dec 05, 2015 12:58 pm

hi all,

in all my multiresolution panoramas, built with pano2vr, i remark less or more blank tiles in start view and also by heavily swinging up and down, back and forth. it looks like a known problem, cause i read this post: http://ggnome.com/forum/viewtopic.php?f=6&t=5910
... and decided to write a new one as my issue has no gigapixel image at origin. my output sizes mainly have widths of 12.500 to 16000 px.

many tests with different settings did not fix the problem. for example i generated only preview tiles with minor resolution. it doesn't seem to depend on tile size, used skin, using hotspots or not, flash or html.

to visualize what the problem is, please take a look: http://www.xmediabureau.de/wp-content/t ... mauer.html

hereby xml and snapshot.

thanks in advance of helpful comments.

regards jürgen

__________
p.s. many thanks to mr. jaroslav pindora for permitting using his skin

JLang · Mon Dec 07, 2015 2:36 pm

i made an additional test to circle the issue and found out that it makes difference if you use subfolders in which the tiles are lying
the order and completeness of loaded tiles seem to depend from. but this only influences eliminating blank tiles when you swing (wiping on the mobile) up and down, back and forth quickly. the problem with blank tile on the upper side of the start view persists.

why does the appropriate .js-function inside the player handle the loading different? is this a bug?

regards
jürgen

Mon Dec 07, 2015 5:27 pm

Hi jürgen,
For Flash multi resolution you would select embed for the lowest level.
Also in the tile folder make sure you have all the smaller preview images.
If your also using an HTML5 multi resolution output make sure the levels are the same as you have in the flash output and that Load at startup is selected for the lowest level in the HTML5 output.
Regards,
Hopki

JLang · Mon Dec 07, 2015 7:19 pm

hi martin,

thanks for your response. indeed the latest version - as a new tryout - did not preload the level with 500 px, although this is generally my used setting.

Code: Select all

<input width="4000" height="4000" leveltilesize="500" levelbias="0.400" overlap="0" leveltileurl="tiles/c%c_l%r_%y_%x.jpg">
    <level width="4000" height="4000" preload="0"/>
    <level width="2000" height="2000" preload="0"/>
    <level width="1000" height="1000" preload="0"/>
    <level width="500" height="500" preload="1"/>                <!-- solves not the issue -->
    <level width="250" preview="1" height="250" preload="1"/>
    <preview color="0xffffff"/>
  </input>

i resume by starting the panorama the blank / white wedge in the upper middle persists and will not disappear. also by rotating vertical or horizontal there are (now smaller) white spaces. it seems better in chrome on pc and mobile now. in mozilla and safari and ie it still keeps worse. as of yesterday i produce flash fallback in the way you publish on your website. is this obsolete now? until then i generated both flash and html parallel. is there a way to embed the lowest level explicit for flash following your way to generate flash fallback? don't know if matters. if you deactivate flash you will find the same strange behaviour. i assume you empty the browser cache too.

regards
jürgen

_______________
* html-code

Code: Select all

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
		<title>Marktbreit am Morgen eines hei&#223;en Sommertages</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
		
		<script type="text/javascript" src="swfobject.js">
		</script>
		<script type="text/javascript">
			function hideUrlBar() {
				// hide URL field on the iPhone/iPod touch
				var p = String(navigator.platform);
	
				container = document.getElementById("container");
				if( p === 'iPad' || p === 'iPhone' || p === 'iPod touch' ){
					var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
					if (parseInt(v[1], 10)>=7) {
						// iOS >=7
						if (container) {
							container.style.top=(0) + "px";
							container.style.left=(0) + "px";
							container.style.width=(window.innerWidth) + "px";
							container.style.height=(window.innerHeight) + "px";
							if (pano) {
								pano.setViewerSize(window.innerWidth, window.innerHeight);
							}						}
						window.scrollTo(0, 0);
					} else {
						if (container) {
							var cheight;
							switch(window.innerHeight) {
								case 208:cheight=268; break; // landscape
								case 260:cheight=320; break; // landscape, fullscreen
								case 336:cheight=396; break; // portrait, in call status bar
								case 356:cheight=416; break; // portrait 
								case 424:cheight=484; break; // portrait iPhone5, in call status bar
								case 444:cheight=504; break; // portrait iPhone5 
								default: cheight=window.innerHeight;
							}
							if ((cheight) && ((container.offsetHeight!=cheight) || (window.innerHeight!=cheight))) {
								container.style.height=cheight + "px";
							}
						}
						document.getElementsByTagName("body")[0].style.marginTop="1px";
						window.scrollTo(0, 1);
					}
				}
			}            
			if (window.addEventListener) {
				window.addEventListener("load", hideUrlBar);
				window.addEventListener("resize", hideUrlBar);
				window.addEventListener("orientationchange", hideUrlBar);
			}
	
		</script>
		<style type="text/css" title="Default">
			body, div, h1, h2, h3, span, p {
				font-family: Verdana,Arial,Helvetica,sans-serif;
				color: #000000; 
			}
			/* fullscreen */
			html {
				height:100%;
			}
			body {
				height:100%;
				margin: 0px;
				overflow:hidden; /* disable scrollbars */
			}
			body {
			  font-size: 10pt;
			  background : #ffffff; 
			}
			table,tr,td {
				font-size: 10pt;
				border-color : #777777;
				background : #dddddd; 
				color: #000000; 
				border-style : solid;
				border-width : 2px;
				padding: 5px;
				border-collapse:collapse;
			}
			h1 {
				font-size: 18pt;
			}
			h2 {
				font-size: 14pt;
			}
			.warning { 
				font-weight: bold;
			} 
			/* fix for scroll bars on webkit & Mac OS X Lion */ 
			::-webkit-scrollbar {
				background-color: rgba(0,0,0,0.5);
				width: 0.75em;
			}
			::-webkit-scrollbar-thumb {
    			background-color:  rgba(255,255,255,0.5);
			}
		</style>	
	</head>
	<body>
		<script type="text/javascript" src="pano2vr_player.js">
		</script>
		<script type="text/javascript" src="skin.js">
		</script>
		<div id="container" style="width:100%;height:100%;">
		This content requires HTML5/CSS3, WebGL, or Adobe Flash Player Version 9 or higher.
		</div>
		<script type="text/javascript">
	
		if (swfobject.hasFlashPlayerVersion("10.0.0")) {
			var flashvars = {};
			var params = {};
			// enable javascript interface
			flashvars.externalinterface="1";
			params.quality = "high";
			params.bgcolor = "#ffffff";
			params.allowscriptaccess = "sameDomain";
			params.allowfullscreen = "true";
			var attributes = {};
			attributes.id = "pano";
			attributes.name = "pano";
			attributes.align = "middle";
			flashvars.skinxml="skin.xml";
			flashvars.panoxml="stadtmauer.xml";
			params.base=".";
			swfobject.embedSWF(
				"pano2vr_player.swf", "container", 
				"100%", "100%",
				"9.0.0", "", 
				flashvars, params, attributes);
			
		} else 
		// check for CSS3 3D transformations and WebGL
		if (ggHasHtml5Css3D() || ggHasWebGL()) {
	
			// create the panorama player with the container
			pano=new pano2vrPlayer("container");
			// add the skin object
			skin=new pano2vrSkin(pano);
			// load the configuration
			pano.readConfigUrl("stadtmauer.xml");
			// hide the URL bar on the iPhone
			setTimeout(function() { hideUrlBar(); }, 10);
		}
		</script>
		<noscript>
			<p><b>Please enable Javascript!</b></p>
		</noscript>
	</body>
</html>

Tue Dec 08, 2015 10:39 pm

Hi,
So to be clear your using HTML5 output with Flash Fallback Player set to prefer flash.
Can you make a Flash output and then use the SWF for the Flash Fallback File under the HTML page.
Does this make a difference?
Regards,
Hopki

JLang · Fri Feb 19, 2016 7:45 pm

dear hopki,

until this thread i everytimes made an output both with html and flash additionally with flash prefer. only for testing all the settings that could influence the behaviour i tried out this new way. call it an act of desperation

but it's all the same. would be very glad to solve this.

http://xmediabureau.de/wp-content/theme ... mauer.html

thanks in advance

regards jürgen

JLang · Wed Feb 24, 2016 10:48 pm

hello, is anybody there at this leaving place?
i am amazed, since dec 2015 no answer, isn't this problem with white wedge to get fixed?

Thu Feb 25, 2016 12:16 am

I suspect Yes. Maybe it is because, we recognize your work as better than acceptable. We do not understand your question.

Is a feature not working ??

Regarding Blank Tiles. We can not see any blank tiles.

Thu Feb 25, 2016 10:14 pm

Hi,
I would need to see the project file to take this any further.
Regards,
Hopki

JLang · Fri Feb 26, 2016 8:32 am

360Texas wrote:I suspect Yes. Maybe it is because, we recognize your work as better than acceptable. We do not understand your question.

Is a feature not working ??

Regarding Blank Tiles. We can not see any blank tiles.

dear,
both we are enthusiasts. maybe in our eyes nine from ten look pretty good. excuse the comparison but - with aspect to potential clients - the worm must be tasty to the fish. and - somehow - we are also competing with other media like video. hard enough.

JLang · Fri Feb 26, 2016 8:40 am

Hopki wrote:Hi,
I would need to see the project file to take this any further.
Regards,
Hopki

dear hopki, many thanks to your offer. with your permission i send all the data via e-mail, .jpg & .p2vr. is this o.k.?
regards
jürgen

Svendus · Fri Feb 26, 2016 9:02 am

Hi
Nice Panorama longing for summer

i think a Web browser update will fix the problem.
What Browser and Version do you run ?
we docent have any blank tiles when loading

EDIT: in OPERA version 34 there are some white Tiles seen in the top for about 500 milliseconds
may be it will show up on a lower connection speed we are having 256 Mbit s down on our internet connection
and the Panorama seems to be rather big in size i think re sizing it a little would do no harm