FATAL ERROR: No HTML5 compatible images available!

    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.

    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,

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

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


    Quote

    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

    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,

    Edited once, last by Xirinki (September 12, 2013 at 9:09 PM).

    Quote from klaus.krpano

    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.

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!

Register Yourself Login