You are not logged in.

1

Wednesday, September 19th 2012, 7:04pm

Can not see the interface of virtual tour in HTML5

I have downloaded the last version of KRpanoTools and made a Virtualtour Multires (I have bought Panotools and Iphone support).
It's all OK in flash but when I try it in Safari PC and Ipod touch there is no interface.
There is a trick?

Thanks

2

Thursday, September 20th 2012, 8:48am

Do you mean you can see the panorama but not the interface elements that you added to your xml templates?

I found with mine that I had to redo some of the xml to make it work for mobile, you can see here the things that are not supported. http://krpano.com/docu/html5/#supportedfunctionality

I added this to my html (although I am still trying to figure out how to inject it w/ a template) It will send the mobile device to one xml and everything else to your standard xml for flash player.

Source code

1
2
3
4
5
6
7
8
9
10
11
12
<script>

	var viewer = createPanoViewer({swf:"foo.swf", id:"krpanoSWFObject", target:"pano"});
	//viewer.useHTML5("whenpossible");		// incomment to use the HTML5 krpanoJS viewer always when possible (Safari5)

	if( viewer.isDevice("iPhone|iPod|Android|iPad") )
		viewer.addVariable("xml", "foo_mobile.xml");
		
	else
		viewer.addVariable("xml", "foo.xml");

	viewer.embed();


And then I re-wrote my plugin xml, not sure what I changed that made it work, but you could base yours on what I got to work.

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
	<plugin name="xrezlogo" keep="true"
    		url="%SWFPATH%/../krpano/graphics/xrezlogo.png"
    		onclick="openurl('http://www.xrez.com')"
    		align="leftbottom" x="40" y="8"
    		enabled="true"
    		visible="true"
    		alpha="0.0"
    		scale="1"
    		handcursor="true"
    		selectable="true"
    		blendmode="layer" effect="dropshadow(2,45,0x000000,4,1);"
    		onhover="showtext(xrez.com)"
    		onloaded="if(xrezlogo !== false, delayedcall(0.5, set(visible,true); tween(alpha,0.75); ); );"
    	/>


Hope this helps, if not I am sure there are other people here who know more than me about this that could help you.

3

Friday, September 21st 2012, 5:28pm

Hi, thanks, very confused.
Yes the interface, are the icon and image preview on top of the pano.

If you see this tutorial http://www.youtube.com/watch?v=x1F3X-f9r…player_embedded the tour works with the standard interface in flash and putting html5=prefer in the url (minute 4.33) works in html5 in Chrome.

If I try in Chrome PC I get stramge cube effect, I see the cube face of the pano.
In safari PC and ipod it loads but not interface.

Here the link of the tour:

Flash http://www.lgmedia.it/varie/prova_tour/tour.html

HTML5 www.lgmedia.it/varie/prova_tour/tour.html?html5=prefer

4

Friday, September 21st 2012, 5:43pm

Hi,

your are using the 1.0.8.14 HTML5 viewer but you need to use the 1.0.8.15 one!
Press the 'O' button in the viewer to see the version.

You may have copied the krpanoiphone.js file (this is the krpano HTML5 viewer) from an old version to the new 1.0.8.15 folder...

Best regards,
Klaus