Lange Ladezeit mit Android-Endgerät bei 70 Standorten

thomkell · September 19, 2014 at 10:01 AM

Hallo allerseits,

mit der neusten Version 1.17 html5 Multiresolution verzögert sich nach dem 1. Aufstarten der Panotour mit Android sowohl vermutlich auch mit iOS erheblich. Der Ladestatusbalken baut sich bis zu 95% zügig auf, dann kommt das große Warten bis zu einer Minute, wenn vom schwarzen Bild erst die Navi-Leiste zu sehen gibt mit dem "loading..."-Vorgang. Das Laden vom Panorama selbst ist dann nach der einen Minuten ebenso zügig. Auch von Standort zu Standort geht der Bildaufbau dann normal weiter.

Die 70 Touren habe ich in 11 Blöcken erstellt, so dass es jeweils mit 5-8 Standorten pro xml-Datei verteilte und bei den Standort-Verknüpfungen (...linkedscene="scene_gabler_orgel" />) die nicht in der selben xml-Datei befanden, mit dem Hinweis dorthin...

<include url="tour_Gabler_Orgel_Westempore.xml" />

...verwiesen habe.

Dies ging anfänglich mit wenigen Standorten, bzw. Blöcken noch recht zügig mit dem Aufstarten der Panotour.

Wie kann ich diese lange Wartezeit verkürzen?

Auf dem Desktop sieht man zwar noch kurz das schwarze Screen, aber ist immer noch mit der Ladezeit akzeptabel bei ca. 30 Mbs Downoladgeschwindigkeit.

Neue Version mit Pano-V-Tour

Alte Version noch jeweils mit einer xml-Datei pro Standort (xml zu xml-Verknüpfung) mit schnelleren Ladezeiten, aber ohne Bingmap.

Selbe alte Version mit BingMap (Flashplayer ) und nur für Desktop.

Es kommt mir so vor, als wenn beim Ladestatus der neuen Version zuerst alle Verknüpfungen zur Vollständigkeit abgefragt werden, bevor der eigentlich Bildaufbau des Panos vollzogen wird.

Gruß, Thomas

toosten · September 19, 2014 at 1:35 PM

Wie ich sehe hast du für jede Szene eine xml, diese würde ich dann nur bei Bedarf laden, nicht gleich per include!

thomkell · September 20, 2014 at 2:44 PM

Hallo Toosten,

Quote

Wie ich sehe hast du für jede Szene eine xml, diese würde ich dann nur bei Bedarf laden, nicht gleich per include!

Bei der neuen VTour-Version mit BingMap sind in der Regel alle Szenen in eine xml-Datei vorhanden. Und es wird ja gewöhnlich nur einmal eine html geladen für die 1. Scene. Um bei 70 Standorten nicht den Überblick zu verlieren (der Scrollbalken im Editor wäre dann auch fast unsichtbar) habe ich 5 bis 8 Szenen pro xml-Datei erstellt, untereinander verknüpft und ggf. zu einem anderen xml-Datei mit der betreffenden Verknüpfung mit "include" verwiesen. Dieses sollte zumindest nicht mit dem Laden der Bilder der Fall sein, sondern so vermute ich, dass das Auslesen der xml-Daten, für alle 70 Szenen (mit include, oder auch nicht) zu der langen Verzögerungen führen könnten.
Nachdem die Pano-Tour nach ca. einer Minute aufgestartet ist, gehen dann die Szenenwechsel ohne Verzögerungen vonstatten.

Wohlgemerkt, diese Verzögerung ist bei meinem Smartphone Samsung Galaxy s3 mini Android 4.1.2 sehr auffällig. Am Desktop noch akzeptabel.

Eine Frage an Klaus: Gibt es dazu eine Lösung für eine kürzere Ladezeit? Dazu nochmal der Link für Smart-und iPhones in der neusten Version krpano 1.17 html5Multireosultion

Mit Gruß, Thomas

toosten · September 20, 2014 at 3:27 PM

Ich würde die Version mit den einzelnen Szene.xml nutzen und die Map-Daten in die root.xml packen

Somit wird immer nur das geladen was benötigt wird

thomkell · September 20, 2014 at 6:13 PM

...und was machst du mit den Vorschaubildern in der Navi-Leiste. Das wäre doch eine ganz neue Struktur. Statt linkedscene="scene_westempore" /> wieder - onclick="action(changepano,scene);" mit Verweis zu Map ?!?

Code

<!-- %1 ist das erste argument des funktionsaufrufs -->
<action name="changepano">
   loadpano(%1.xml, null, MERGE, BLEND(2));
   plugin[bingmap].activatespot(%1);
   plugin[bingmap].pantospot(%1);
</action>

...da bin ich jetzt ein wenig überfordert.

Kannst du mir bitte vielleicht ein Beispiel dazu geben?
Vielleicht sind die 70 Vorschaubilder nur das Problem der langen Wartezeit?

Gruß, Thomas

toosten · September 21, 2014 at 9:39 AM

Es ist vor allem die Anzahl der angeforderten Dateien! ( Bis das erste Panorama komplett (ohne Bewegung) geladen ist, werden 214 Dateien geladen! )

Du kannt in der root.xml eigene Elemente schaffen, die zB GPS-Position & XML-Path enthalten und die entsprechenden Actions anpassen.

loadpano( (get(mypano['szene1'].url));

thomkell · September 21, 2014 at 5:29 PM

Hallo Toosten,
ich habe jetzt die Startscene in nur eine xml-Datei zum Aufstarten geladen und der Rest in <include...> verwiesen.
Siehe Quellcode:

Code

<krpano version="1.17.4" title="Weingarten" onstart="startup();" showerrors="true">


<include url="skin/bingmap.xml" />


	<!-- set skin settings: bingmaps? gyro? thumbnail controlling? tooltips? -->
	<skin_settings bingmaps="true"
	               bingmaps_key="xxx"
	               bingmaps_zoombuttons="true"
	               gyro="true"
	               thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop=""
	               thumbs_opened="false"
	               thumbs_text="true"
	               thumbs_dragging="false"
	               thumbs_onhoverscrolling="true"
	               thumbs_scrollbuttons="false"
	               thumbs_scrollindicator="false"
	               thumbs_loop="false"
	               tooltips_thumbs="true"
	               tooltips_hotspots="true"
	               tooltips_mapspots="true"
	               controlbar_offset="20"
				   
	               />
	        			   
				   <!-- set optional skin logo url -->
	<layer name="skin_logo" url="" scale="0.25" opened_onclick="openurl('...',_blank);" />
	


	
	
	<action name="startup">
		if(startscene === null, copy(startscene,scene[0].name));
		loadscene(get(startscene), null, MERGE);
	</action>
	


<!-- include für tooltip_rot -->
<include url="plugins/text_rot.xml" keep="true" />
<!-- include für tooltip_info -->
<include url="plugins/text_info.xml" keep="true" />
<!-- include für tooltip_quickinfo_top -->
<include url="plugins/text_quickinfo_top.xml" keep="true" />
<!-- include für tooltip_info_links -->
<include url="plugins/text_info_links.xml" keep="true" />
<!-- include für tooltip -->
<include url="plugins/text.xml" keep="true" />
<!-- include für tooltip_quickinfo -->
<include url="plugins/text_quickinfo.xml" keep="true" />	


<scene name="scene_Muensterplatz" title="Münsterplatz | Touristeninformation" onstart="" thumburl="panos/Muensterplatz.tiles/thumb.jpg" lat="47.808778" lng="9.642673" heading="" > 


		<view hlookat="179.185" vlookat="-0.819" fovtype="MFOV" fov="120.000" maxpixelzoom="0.9" fovmin="30" fovmax="140" limitview="auto" />


		<preview url="panos/Muensterplatz.tiles/preview.jpg" />


		<image type="CUBE" multires="true" tilesize="512" progressive="false">
			<level tiledimagewidth="2654" tiledimageheight="2654">
				<cube url="panos/Muensterplatz.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
			</level>
			<level tiledimagewidth="1328" tiledimageheight="1328">
				<cube url="panos/Muensterplatz.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
			</level>
			<level tiledimagewidth="664" tiledimageheight="664">
				<cube url="panos/Muensterplatz.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
			</level>
			<mobile>
				<cube url="panos/Muensterplatz.tiles/mobile_%s.jpg" />
			</mobile>
		</image>
	




<hotspot name="info_touristeninformation"
             ath="136.49" 
             atv="-0.873"
             url="plugins/info_button.png"
			 alpha="0.5"
			 handcursor="false"
			 edge="center"
			 onhover="set(alpha,1.0);showtext(Touristeninformation[br]ehem.
			 Sitz des Landvogts,tooltip_info);"
             onout="set(alpha,0.5);"
	 
/>	
<hotspot name="info_Ruthersche_Haus"
             ath="182.45" 
             atv="-3.45"
             url="plugins/info_button.png"
			 alpha="0.5"
			 handcursor="false"
			 edge="center"
			 onhover="set(alpha,1.0);showtext(Ruthersche Haus[br]ehem. Klosterschule,tooltip_info);"
             onout="set(alpha,0.5);"/>			 


	<!-- include für externe bilder + Datenschutz-->
<include url="skin/extern_pictures.xml" keep="true" />			 
<!--Info Box-Stadtführer-plugin -->
<include url="Info_Muensterplatz.xml" />


<!-- place your scene hotspots here -->
		<hotspot name="spot1" style="skin_hotspotstyle" ath="169.900" atv="-2.190" linkedscene="scene_kirchplatz_eingang_basilika" />
		<hotspot name="spot2" style="skin_hotspotstyle" ath="-141.891" atv="12.361" linkedscene="scene_kleine_muensterplatz" />
		
		<hotspot name="spot4" style="skin_hotspotstyle" ath="-7.593" atv="15.242" linkedscene="scene_apotheke" />
		<hotspot name="spot5" style="skin_hotspotstyle" ath="111.321" atv="3.477" linkedscene="scene_postplatz" />
         
	</scene>  
	
<!-- include Sektor Apotheke Postplatz-->	
<include url="tour_apotheke_postplatz.xml" />
	
<!-- include Sektor Hallenbad Welfenfest-->	
<include url="tour_Hallenbad_Welfenfest.xml" />




<!-- include Sektor Freibad-->	
<include url="tour_Freibad.xml" />


		
<!-- include Sektor Kuko-->	
<include url="tour_Kuko.xml" />	




<!-- include Sektor Stadtgarten Abt-hyylerstraße-->	
<include url="tour_Stadtgarten_Abt_Hyller_Strasse.xml" />




<!-- include Sektor Kornhaus Löwenplatz Schmidt-->	
<include url="tour_Kornhaus_Loewenplatz_Schmidt.xml" />	




<!-- include Sektor Schlössle-->	
<include url="tour_Schloessle.xml" />




<!-- include Sektor tour_Rathaus_Karlstrasse_Alamannenmuseum-->	
<include url="tour_Rathaus_Karlstrasse_Alamannenmuseum.xml" />	




<!-- include Sektor Gabler-Orgel Westempore-->	
<include url="tour_Gabler_Orgel_Westempore.xml" />




<!-- include Sektor Haus der Familie-->	
<include url="tour_hdf.xml" />	




<!-- include Sektor Basilika Fruchtkasten Sued-->	
<include url="tour_Klostermuseum_Basilika_Fruchtkasten_Sued.xml" />




<!-- include Sektor Nessenreben-->	
<include url="tour_Nessenreben.xml" />	




</krpano>

Display More

Hat aber auch nichts genützt. Ich möchte mit sehr wenig Aufwand die Ladezeit verringern. Wäre Dein Vorschlag mit all den Elementen weiterhin funktionsfähig, wie Navi-Leiste, BingMap und die Vorschaubildern ?

Wie sollte die root.xml mit vtourskin und der obigen xml verknüpft werden? Ich komm damit noch nicht weiter, wie du es meinst.

Gruß, Thomas

toosten · September 21, 2014 at 7:03 PM

Du kannst mit Firefox und dem Addon Firebug analysieren was wann geladen wird und wie lange es dauert!

thomkell · September 22, 2014 at 10:19 AM

...danke Toosten.

Vorschlag. Ich würde auf Dropbox zwei verknüpfte Standorte hochladen. Mit Vtourskin.xml im Skin-Ordner. Könntest du vielleicht bitte in Verbindung mit rootmap.xml ein Beispiel "aufbauen" und in den Dropbox-Ordner die xml-Datei überschreiben, oder mir als E-Mail zusenden ?

Du hättest mir dann einen sehr großen Schritt weitergeholfen

Viele Grüße, Thomas

PS.Habe gerade Firebug 2.0.4 in firefox eingebaut. Mal sehen was es mir anzeigt. Da gibt es aber einige add-ons von Firebug. Ich hoffe es ist das richtige?

thomkell · September 23, 2014 at 2:21 PM

... mit Firebug hat sich nun meine Vermutung bestätigt. Thumbnails aller Standorte werden mit der 1. Scene geladen, sowie sonstige plugins. Die Vtour-Version ist als solches mit 70 Szenen nicht geeignet.
Dann baue ich eben halt die Tour wieder um mit einzelnen xml-Dateien pro Standort.
Gruß, Thomas

klaus.krpano · September 23, 2014 at 2:59 PM

Hi,

70 Szenen sollten im Prinzip kein Problem sein, allerdings die extrem vielen XML includes in deinem Beispiel sind eines.

Bevor der Viewer starten kann, muss dieser alle XML Dateien laden und auflösen - und dabei muss auf jede XML Datei gewartet werden, denn diese könnte ja weitere <include> Elemente enthalten.

So wie es aussieht werden ziemlich oft dieselben XML Dateien inkludiert, hier wäre eventuell ein andere 'Aufbau' besser - z.B. eine einmalige Vorab-Definition mit keep=true von allen Elementen, welche für alle Szenen immer gleich bleiben.

Die Anzahl der Thumbnails sollte kein großes Problem sein, diese werden erst später geladen.

Schöne Grüße,
Klaus

thomkell · September 23, 2014 at 5:04 PM

...danke Klaus. Werde deinen Rat befolgen
Ich melde mich wieder, wenns geklappt hat.
Mit Gruß, Thomas

thomkell · September 24, 2014 at 1:57 PM

Hallo Klaus,

diesen Syntax

<include url="skin/extern_pictures.xml" /> sowie die Logos darin (png) auf keep="true" /> gesetzt.

....habe ich jetzt nur einmal auf der Start-xml-Datei. Dieser Verweis bezieht sich auf zwei Logos im Top left und right, die immer in den Panos erscheinen müssen.
Alle anderen Verweise wie...

Code

<!--Info Box-Stadtführer-plugin -->
<include url="Info_Muensterplatz.xml" />

...sind individuell Scenebezogen und kann es nicht kollektiv einsetzen. In den Sektoren mit "include..." sind jeweils 5-8 Scenen ausgelagert. Kann es sein, wenn ich alle Sektoren in die untere xml- hineinkopiere es noch schneller laden könnte?

Es hat sich also für den Android erheblich verkürzt mit meiner derzeitigen "langsamen" Leitung von 26 Mbit/s. Was könnte man noch optimieren?

Code

<krpano version="1.17.4" title="Weingarten" onstart="startup();" showerrors="true">


<include url="skin/bingmap.xml" keep= "true" />


	<!-- set skin settings: bingmaps? gyro? thumbnail controlling? tooltips? -->
	<skin_settings bingmaps="true"
	               bingmaps_key="xxx"
	               bingmaps_zoombuttons="true"
	               gyro="true"
	               thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop=""
	               thumbs_opened="false"
	               thumbs_text="true"
	               thumbs_dragging="false"
	               thumbs_onhoverscrolling="true"
	               thumbs_scrollbuttons="false"
	               thumbs_scrollindicator="false"
	               thumbs_loop="false"
	               tooltips_thumbs="true"
	               tooltips_hotspots="true"
	               tooltips_mapspots="true"
	               controlbar_offset="20"
				   
	               />
	        			   
				   <!-- set optional skin logo url -->
	<layer name="skin_logo" url="" scale="0.25" opened_onclick="openurl('...',_blank);" />
	


	
	
	<action name="startup">
		if(startscene === null, copy(startscene,scene[0].name));
		loadscene(get(startscene), null, MERGE);
	</action>
	


<!-- include für tooltip_rot -->
<include url="plugins/text_rot.xml" keep="true" />
<!-- include für tooltip_info -->
<include url="plugins/text_info.xml" keep="true" />
<!-- include für tooltip_quickinfo_top -->
<include url="plugins/text_quickinfo_top.xml" keep="true" />
<!-- include für tooltip_info_links -->
<include url="plugins/text_info_links.xml" keep="true" />
<!-- include für tooltip -->
<include url="plugins/text.xml" keep="true" />
<!-- include für tooltip_quickinfo -->
<include url="plugins/text_quickinfo.xml" keep="true" />	


<scene name="scene_Muensterplatz" title="Münsterplatz | Touristeninformation" onstart="" thumburl="panos/Muensterplatz.tiles/thumb.jpg" lat="47.808778" lng="9.642673" heading="" > 


		<view hlookat="179.185" vlookat="-0.819" fovtype="MFOV" fov="120.000" maxpixelzoom="0.9" fovmin="30" fovmax="140" limitview="auto" />


		<preview url="panos/Muensterplatz.tiles/preview.jpg" />


		<image type="CUBE" multires="true" tilesize="512" progressive="false">
			<level tiledimagewidth="2654" tiledimageheight="2654">
				<cube url="panos/Muensterplatz.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
			</level>
			<level tiledimagewidth="1328" tiledimageheight="1328">
				<cube url="panos/Muensterplatz.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
			</level>
			<level tiledimagewidth="664" tiledimageheight="664">
				<cube url="panos/Muensterplatz.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
			</level>
			<mobile>
				<cube url="panos/Muensterplatz.tiles/mobile_%s.jpg" />
			</mobile>
		</image>
	




<hotspot name="info_touristeninformation"
             ath="136.49" 
             atv="-0.873"
             url="plugins/info_button.png"
			 alpha="0.5"
			 handcursor="false"
			 edge="center"
			 onhover="set(alpha,1.0);showtext(Touristeninformation[br]ehem.
			 Sitz des Landvogts,tooltip_info);"
             onout="set(alpha,0.5);"
	 
/>	
<hotspot name="info_Ruthersche_Haus"
             ath="182.45" 
             atv="-3.45"
             url="plugins/info_button.png"
			 alpha="0.5"
			 handcursor="false"
			 edge="center"
			 onhover="set(alpha,1.0);showtext(Ruthersche Haus[br]ehem. Klosterschule,tooltip_info);"
             onout="set(alpha,0.5);"/>			 


	<!-- include für externe bilder + Datenschutz-->
<include url="skin/extern_pictures.xml" />	
		 
<!--Info Box-Stadtführer-plugin -->
<include url="Info_Muensterplatz.xml" />


<!-- place your scene hotspots here -->
		<hotspot name="spot1" style="skin_hotspotstyle" ath="169.900" atv="-2.190" linkedscene="scene_kirchplatz_eingang_basilika" />
		<hotspot name="spot2" style="skin_hotspotstyle" ath="-141.891" atv="12.361" linkedscene="scene_kleine_muensterplatz" />
		
		<hotspot name="spot4" style="skin_hotspotstyle" ath="-7.593" atv="15.242" linkedscene="scene_apotheke" />
		<hotspot name="spot5" style="skin_hotspotstyle" ath="111.321" atv="3.477" linkedscene="scene_postplatz" />
         
	</scene>  
	
<!-- include Sektor Apotheke Postplatz-->	
<include url="tour_apotheke_postplatz.xml"/>
	
<!-- include Sektor Hallenbad Welfenfest-->	
<include url="tour_Hallenbad_Welfenfest.xml"/>




<!-- include Sektor Freibad-->	
<include url="tour_Freibad.xml"/>


		
<!-- include Sektor Kuko-->	
<include url="tour_Kuko.xml"/>	




<!-- include Sektor Stadtgarten Abt-hyylerstraße-->	
<include url="tour_Stadtgarten_Abt_Hyller_Strasse.xml"/>




<!-- include Sektor Kornhaus Löwenplatz Schmidt-->	
<include url="tour_Kornhaus_Loewenplatz_Schmidt.xml" />	




<!-- include Sektor Schlössle-->	
<include url="tour_Schloessle.xml"/>




<!-- include Sektor tour_Rathaus_Karlstrasse_Alamannenmuseum-->	
<include url="tour_Rathaus_Karlstrasse_Alamannenmuseum.xml"/>	




<!-- include Sektor Gabler-Orgel Westempore-->	
<include url="tour_Gabler_Orgel_Westempore.xml" />




<!-- include Sektor Haus der Familie-->	
<include url="tour_hdf.xml" />	




<!-- include Sektor Basilika Fruchtkasten Sued-->	
<include url="tour_Klostermuseum_Basilika_Fruchtkasten_Sued.xml"/>




<!-- include Sektor Nessenreben-->	
<include url="tour_Nessenreben.xml" />	




</krpano>

Display More

Mit Gruß, Thomas

PS.: Die Tour mit verkürzter Ladezeit

Lange Ladezeit mit Android-Endgerät bei 70 Standorten

Participate now!

Users Viewing This Thread