krpano is not working for html5
-
-
I don't know if you get any errors but i see this: ERROR: loadscene() - scene "null" not found. Its appear when i hide control bar and use arrows to go to the next or prev scene.
Probably your starup action generate this error but without some code it's hard to say. -
I use Standart multires convert..
Just add logo and copyright layer..KRPANO 1.19-pr5
XMLCode
Alles anzeigen<krpano version="1.19" title="Virtual Tour"> <include url="skin/vtourskin.xml" /> <layer name="logo" type="image" url="%FIRSTXML%/img/logo.png" scale="0.9" keep="true" align="lefttop"x="10" y="10" onclick="openurl('http://www.kovanfirin.com/',_self);"/> <layer name="copyright" type="image" url="%FIRSTXML%/img/copyright.png" keep="true" align="rightbottom"x="5" y="5" onclick="openurl('https://www.sanaltur.com.tr',_self);"/> <!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... --> <skin_settings maps="false" maps_type="google" maps_bing_api_key="" maps_zoombuttons="false" gyro="true" webvr="true" littleplanetintro="false" title="false" thumbs="true" thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160" thumbs_opened="false" thumbs_text="false" thumbs_dragging="true" thumbs_onhoverscrolling="false" thumbs_scrollbuttons="false" thumbs_scrollindicator="false" thumbs_loop="false" tooltips_buttons="false" tooltips_thumbs="false" tooltips_hotspots="false" tooltips_mapspots="false" deeplinking="false" loadscene_flags="MERGE" loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)" loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)" loadscene_blend_next="SLIDEBLEND(0.5, 0, 0.75, linear)" loadingtext="yukleniyor..." layout_width="100%" layout_maxwidth="814" controlbar_width="-24" controlbar_height="40" controlbar_offset="20" controlbar_offset_closed="-40" controlbar_overlap.no-fractionalscaling="10" controlbar_overlap.fractionalscaling="0" design_skin_images="vtourskin.png" design_bgcolor="0x2D3E50" design_bgalpha="0.8" design_bgborder="0" design_bgroundedge="1" design_bgshadow="0 4 10 0x000000 0.3" design_thumbborder_bgborder="3 0xFFFFFF 1.0" design_thumbborder_padding="2" design_thumbborder_bgroundedge="0" design_text_css="color:#FFFFFF; font-family:Arial;" design_text_shadow="1" /> <!-- For an alternative skin design either change the <skin_settings> values from above or optionally include one of the predefined designs from below. --> <!-- <include url="skin/vtourskin_design_flat_light.xml" /> --> <!-- <include url="skin/vtourskin_design_glass.xml" /> --> <!-- <include url="skin/vtourskin_design_ultra_light.xml" /> --> <!-- <include url="skin/vtourskin_design_117.xml" /> --> <!-- <include url="skin/vtourskin_design_117round.xml" /> --> <!-- <include url="skin/vtourskin_design_black.xml" /> --> <!-- startup action - load the first scene --> <action name="startup" autorun="onstart"> if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); ); loadscene(get(startscene), null, MERGE); if(startactions !== null, startactions() ); </action> <scene name="scene_01" title="01" onstart="" havevrimage="true" thumburl="panos/01.tiles/thumb.jpg" lat="" lng="" heading=""> <view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" /> <preview url="panos/01.tiles/preview.jpg" /> <image type="CUBE" multires="true" tilesize="512" if="!webvr.isenabled"> <level tiledimagewidth="4160" tiledimageheight="4160"> <cube url="panos/01.tiles/%s/l3/%0v/l3_%s_%0v_%0h.jpg" /> </level> <level tiledimagewidth="2048" tiledimageheight="2048"> <cube url="panos/01.tiles/%s/l2/%0v/l2_%s_%0v_%0h.jpg" /> </level> <level tiledimagewidth="1024" tiledimageheight="1024"> <cube url="panos/01.tiles/%s/l1/%0v/l1_%s_%0v_%0h.jpg" /> </level> </image> <image if="webvr.isenabled"> <cube url="panos/01.tiles/vr/pano_%s.jpg" /> </image> <!-- place your scene hotspots here --> <hotspot name="spot1" style="skin_hotspotstyle" ath="89.212" atv="9.460" linkedscene="scene_02" /> </scene> <scene name="scene_02" title="02" onstart="" havevrimage="true" thumburl="panos/02.tiles/thumb.jpg" lat="" lng="" heading=""> <view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" /> <preview url="panos/02.tiles/preview.jpg" /> <image type="CUBE" multires="true" tilesize="512" if="!webvr.isenabled"> <level tiledimagewidth="4160" tiledimageheight="4160"> <cube url="panos/02.tiles/%s/l3/%0v/l3_%s_%0v_%0h.jpg" /> </level> <level tiledimagewidth="2048" tiledimageheight="2048"> <cube url="panos/02.tiles/%s/l2/%0v/l2_%s_%0v_%0h.jpg" /> </level> <level tiledimagewidth="1024" tiledimageheight="1024"> <cube url="panos/02.tiles/%s/l1/%0v/l1_%s_%0v_%0h.jpg" /> </level> </image> <image if="webvr.isenabled"> <cube url="panos/02.tiles/vr/pano_%s.jpg" /> </image> <!-- place your scene hotspots here --> <hotspot name="spot1" style="skin_hotspotstyle" rotate="90" ath="-134.882" atv="-0.357" linkedscene="scene_01" /> </scene> </krpano>
--------------------------------- HTML -----------------------------------
HTML<!DOCTYPE html><html><head><script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-71871005-1', 'auto'); ga('send', 'pageview'); <meta name="viewport" content="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 name="apple-mobile-web-app-status-bar-style" content="black" /> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta http-equiv="x-ua-compatible" content="IE=edge" /> <style> @-ms-viewport { width:device-width; } @media only screen and (min-device-width:800px) { html { overflow:hidden; } } 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; } </style></head><body> <script src="s69g4.js"></script> <div id="pano" style="width:100%;height:100%;"> <noscript><table style="width:100%;height:100%;"><tr style="vertical-align:middle;"><td><div style="text-align:center;">ERROR:<br/><br/>Javascript not activated<br/><br/></div></td></tr></table></noscript> <script> embedpano({swf:"s69g4.swf", xml:"s69g4.xml", target:"pano", html5:"fallback", mobilescale:1.0, passQueryParameters:true}); </script></div> </body></html>
-
Hmmm when I try your startup action at my tour I get the same error as you. You can try this:
Zitat<action name="startup">
if(startscene === null, copy(startscene,scene[0].name));
loadscene(get(startscene), null, MERGE);
</action>Hope it's gonna work for you
EDIT: Ohh and call your startup action in <krpano> tag, like this: <krpano version="1.19" title="Virtual Tour" onstart="startup">
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!