Dear Clauss,
im working on a MAKE PANO FLAT panorama, following your instructions on the flat.config document. Im adding all the .JS required but when i try to view on firefox, i get this FATL ERROR message. Any ideas?
Ty.
Dear Clauss,
im working on a MAKE PANO FLAT panorama, following your instructions on the flat.config document. Im adding all the .JS required but when i try to view on firefox, i get this FATL ERROR message. Any ideas?
Ty.
Hard to say without seeing your example and code.... Can you post links to it?
Hi,
flat panos aren't supported in html5 in the current 1.16.x version.
But you can look here and use the 1.17 pre-release - there they are supported now:
https://krpano.com/html5multires/#top
Best regards,
Klaus
Im required to use MAKE PANO MULTIRES OR VTOUR (MULTIRES) ?
can i use MAKE PANO FLAT?
Is there anyway to adjust the (VOFFSET) on the MAKE PANO MULTIRES or MAKE VTOUR MULTIRES?
Now im getting the following error:
http://postimg.org/image/5nwxvp49j/
My xml strcuture is:
<krpano version="1.16" title="Virtual Tour" onstart="startup();">
<include url="skin/vtourskin.xml" />
<!-- set skin settings: bingmaps? gyro? thumbnail controlling? tooltips? -->
<skin_settings bingmaps="false"
bingmaps_key=""
bingmaps_zoombuttons="false"
gyro="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"
tooltips_thumbs="false"
tooltips_hotspots="false"
tooltips_mapspots="false"
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>
<scene name="scene_corflamengotestehtml5" title="corflamengotestehtml5" onstart="" thumburl="panos/corflamengotestehtml5.tiles/thumb.jpg" lat="" lng="" heading="" devices="flash">
<view hlookat="0" vlookat="0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
<preview url="panos/corflamengotestehtml5.tiles/preview.jpg" />
<image type="CYLINDER" hfov="1.00" vfov="0.379019" voffset="0.00" multires="true" tilesize="512" progressive="true">
<level tiledimagewidth="42734" tiledimageheight="16197">
<cylinder url="panos/corflamengotestehtml5.tiles/l5/%v/l5_%v_%h.jpg" />
</level>
<level tiledimagewidth="21367" tiledimageheight="8099">
<cylinder url="panos/corflamengotestehtml5.tiles/l4/%v/l4_%v_%h.jpg" />
</level>
<level tiledimagewidth="10684" tiledimageheight="4050">
<cylinder url="panos/corflamengotestehtml5.tiles/l3/%v/l3_%v_%h.jpg" />
</level>
<level tiledimagewidth="5342" tiledimageheight="2025">
<cylinder url="panos/corflamengotestehtml5.tiles/l2/%v/l2_%v_%h.jpg" />
</level>
<level tiledimagewidth="2671" tiledimageheight="1013">
<cylinder url="panos/corflamengotestehtml5.tiles/l1/%v/l1_%v_%h.jpg" />
</level>
</image>
<!-- place your scene hotspots here -->
</scene>
</krpano>
and my HTML strcuture is:
<!DOCTYPE html>
<html>
<head>
<title>krpano.com - corflamengotestehtml5</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" />
<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="tour.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:"tour.swf", xml:"tour.xml", target:"pano", html5:"prefer", passQueryParameters:true});
</script>
</div>
</body>
</html>
Anny suggestions?
Hi,
Im required to use MAKE PANO MULTIRES OR VTOUR (MULTIRES) ?
can i use MAKE PANO FLAT?
All droplets can be used - the difference is only the skin and the default settings, but that can be also changed later in the xml.
Is there anyway to adjust the (VOFFSET) on the MAKE PANO MULTIRES or MAKE VTOUR MULTIRES?
Yes, by editing the 'voffset' setting in the config files, but that would affect all panos...
QuoteNow im getting the following error:
The droplets aren't aware about the new html5 support - therefore scenes with in version 1.16 unsupported pano images are masked-out by the devices="flash" setting here - remove that from the xml:
<scene name="scene_corflamengotestehtml5" title="corflamengotestehtml5" onstart="" thumburl="panos/corflamengotestehtml5.tiles/thumb.jpg" lat="" lng="" heading="" devices="flash">
Best regards,
Klaus
Problem solved.
Now what can I do to remove the ''demo version'' ?
Klaus,
Im getting another error now.
Here are my steps:
1. Create a flat panorama using VTOUR MULTIRES
2. Use the code bellow after pasting the EDITOR on the plugins folder on my xml to edit the HFOV, VFOV, and VOFFSET. (
''<plugin name="editor" url="plugins/editor.swf" keep="true" />
<plugin name="options" url="plugins/options.swf" keep="true" view="true" display="true" control="true" image="true" onloaded="open();" />'' )
3. Change my code HTML=''never'' to HTML="prefer"
4. Paste (krpanoiphone.js) on the vtour folder
5. Delete de (devices="flash") on my xml code.
I get this error:
http://postimg.org/image/6ur95icep/
On the firefox console, it doenst show me any type of error, and on the network, i dont get any messages....
Here is my following code:
HTML:
<!DOCTYPE html>
<html>
<head>
<title>krpano.com - vtourteste</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" />
<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="tour.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:"tour.swf", xml:"tour.xml", target:"pano", html5:"prefer", passQueryParameters:true});
</script>
</div>
</body>
</html>
XML
<krpano version="1.16" title="Virtual Tour" onstart="startup();">
<include url="skin/vtourskin.xml" />
<!-- set skin settings: bingmaps? gyro? thumbnail controlling? tooltips? -->
<skin_settings bingmaps="false"
bingmaps_key=""
bingmaps_zoombuttons="false"
gyro="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"
tooltips_thumbs="false"
tooltips_hotspots="false"
tooltips_mapspots="false"
controlbar_offset="20"
/>
<plugin name="editor" url="plugins/editor.swf" keep="true" />
<!-- 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>
<scene name="scene_vtourteste" title="vtourteste" onstart="" thumburl="panos/vtourteste.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/vtourteste.tiles/preview.jpg" />
<image type="CYLINDER" hfov="360.00" vfov="74.4" voffset="-13.2" multires="true" tilesize="512" progressive="true">
<level tiledimagewidth="11598" tiledimageheight="2297">
<cylinder url="panos/vtourteste.tiles/l3/%v/l3_%v_%h.jpg" />
</level>
<level tiledimagewidth="5799" tiledimageheight="1149">
<cylinder url="panos/vtourteste.tiles/l2/%v/l2_%v_%h.jpg" />
</level>
<level tiledimagewidth="2900" tiledimageheight="575">
<cylinder url="panos/vtourteste.tiles/l1/%v/l1_%v_%h.jpg" />
</level>
</image>
<!-- place your scene hotspots here -->
</scene>
</krpano>
Ty,
Yes, by editing the 'voffset' setting in the config files, but that would affect all panos...
Ive opened the VTOUR MULTIRES CONFIG file and wrote:
''# basic settings
include basicsettings.config
panotype=autodetect
hfov=360.00
vfov=74.4
voffset=-25.2''
Is that the right way to adjust the fov settings, im not getting what i want for my final result, ive changed the voffset to -90 but it aint making any changes at all.
Hi,
try setting the panotype to the correct type of the input panoramic image (e.g. cylinder).
Best regards,
Klaus
Hi,
try setting the panotype to the correct type of the input panoramic image (e.g. cylinder).
Best regards,
Klaus
Klaus,
actually it didnt work...it works for the pano type FLAT, but not the CYLINDER.
Im not able to change the voffset on a cylinder panoramic?
and why when i change the voffset on a flat pano, and change the view to HTML5, im not able to see the imagens again?
Fixed. The answer to my problems is to generate a 360x180.
Eliminating curved horizon when converting from Sphere to Cube pano
Don’t have an account yet? Register yourself now and be a part of our community!