FATAL ERROR: No HTML5 compatible images available!

Xirinki

Anfänger

Beiträge: 25

Wohnort: Brasil

Beruf: Megafoto.org

1

Donnerstag, 5. September 2013, 17:18

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.

Zum Seitenanfang

Xirinki

Anfänger

Beiträge: 25

Wohnort: Brasil

Beruf: Megafoto.org

2

Montag, 9. September 2013, 17:07

Zitat von »Xirinki«

no one?

Zitat von »Xirinki«

Zum Seitenanfang

Alexey Tkachenko

Profi

Beiträge: 770

Wohnort: Russian Federation

Beruf: Interpreting, Building virtual tours

3

Montag, 9. September 2013, 17:36

Hard to say without seeing your example and code.... Can you post links to it?

Regards,

Alexey

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

4

Mittwoch, 11. September 2013, 16:37

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:
http://krpano.com/html5multires/#top

Best regards,
Klaus

Zum Seitenanfang

Xirinki

Anfänger

Beiträge: 25

Wohnort: Brasil

Beruf: Megafoto.org

5

Mittwoch, 11. September 2013, 21:32

Use the MAKE PANO (MULTIRES) or MAKE VTOUR (MULTIRES) droplets to build the multiresolution panos.''

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?

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Xirinki« (11. September 2013, 22:28)

Zum Seitenanfang

Xirinki

Anfänger

Beiträge: 25

Wohnort: Brasil

Beruf: Megafoto.org

6

Mittwoch, 11. September 2013, 22:35

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" />


<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"
/>


<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>



</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?

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

7

Mittwoch, 11. September 2013, 22:55

Hi,

Zitat von »Xirinki«

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.

Zitat von »Xirinki«

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...

Zitat

Now im getting the following error:

http://postimg.org/image/5nwxvp49j/

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

Zum Seitenanfang

Xirinki

Anfänger

Beiträge: 25

Wohnort: Brasil

Beruf: Megafoto.org

8

Mittwoch, 11. September 2013, 23:24

Problem solved.

Now what can I do to remove the ''demo version'' ?

Zum Seitenanfang

Xirinki

Anfänger

Beiträge: 25

Wohnort: Brasil

Beruf: Megafoto.org

9

Mittwoch, 11. September 2013, 23:40

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" />


<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" />


<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>



</scene>

</krpano>

Ty,

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Xirinki« (12. September 2013, 21:09)

Zum Seitenanfang

Xirinki

Anfänger

Beiträge: 25

Wohnort: Brasil

Beruf: Megafoto.org

10

Donnerstag, 12. September 2013, 21:24

Zitat von »klaus.krpano«

Zitat von »Xirinki«

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...

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.

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

11

Montag, 16. September 2013, 17:19

Hi,

try setting the panotype to the correct type of the input panoramic image (e.g. cylinder).

Best regards,
Klaus

Zum Seitenanfang

Xirinki

Anfänger

Beiträge: 25

Wohnort: Brasil

Beruf: Megafoto.org

12

Montag, 16. September 2013, 17:50

Zitat von »klaus.krpano«

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.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Xirinki« (16. September 2013, 18:56)

Zum Seitenanfang

Xirinki

Anfänger

Beiträge: 25

Wohnort: Brasil

Beruf: Megafoto.org

13

Dienstag, 17. September 2013, 16:06

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?

Zum Seitenanfang

Xirinki

Anfänger

Beiträge: 25

Wohnort: Brasil

Beruf: Megafoto.org

14

Dienstag, 17. September 2013, 18:06

Fixed. The answer to my problems is to generate a 360x180.

Eliminating curved horizon when converting from Sphere to Cube pano

Zum Seitenanfang

FATAL ERROR: No HTML5 compatible images available!

Zitat

Ähnliche Themen