Stucked in a 360 android pano

    Hello,

    I am really in a rush to make a simple 2 scenes tour for Google Cardboard and Samsung Gear. The scene runs smoothly on chrome for windows but when i play it on my phone this message appears (please see the attached immage).
    I've read a lot of comments on this topic and I know that mobile devices need a touch to trigger the action, but I am new to coding and really need some simple template to follow. My first scene is a still image, than I should go via hotspot to a 360 video pano, which should run on Google Cardboard and Samsung Gear.

    Here is my tour.xml so far:


    Thanks in advance,

    After browsing so much treads I still can't figure out how to create my tour so that i can loop a short video and sound. Everything works fine in PC chrome version and nothing works as expected on mobile vr mode :(
    I didn't understand the workaround to make a video start playing. Obviously the on start function doesn't work in mobile browsers.


    Here is my tour xml. I would be very grateful i someone can help me with the syntax.


    <krpano version="1.19" title="Virtual Tour">

    <include url="skin/vtourskin.xml" />

    <!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
    <skin_settings maps="false"
    maps_type="google"
    maps_bing_api_key=""
    maps_google_api_key=""
    maps_zoombuttons="false"
    gyro="true"
    webvr="true"
    webvr_gyro_keeplookingdirection="false"
    webvr_prev_next_hotspots="true"
    littleplanetintro="false"
    title="true"
    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="loading..."
    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>

    <!-- STILL IMAGE SCENE -->

    <scene name="still_01" title="still_01" onstart="stopallsounds(glopalstop = true)" thumburl="stills/still_01/pano.tiles/thumb.jpg" lat="" lng="" heading="">

    <view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="100" maxpixelzoom="2.0" fovmin="90" fovmax="110" limitview="auto" />

    <preview url="stills/still_01/pano.tiles/preview.jpg" />

    <image stereo="true" stereolabels="1|2">
    <cube url="stills/still_01/pano_%t.tiles/pano_%s.jpg" />
    </image>


    <hotspot name="spot1" style="skin_hotspotstyle" ath="20.411" atv="-4.687" linkedscene="video_01" />

    </scene>

    <!-- VIDEO SCENE -->

    <scene name="video_01" title="video_01" onstart="playsound(bg, 'sounds/BaseballStadiumCheer.wav',0)" thumburl="videos/video_01/thumb.jpg" isvideopano="true" >

    <view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="100" maxpixelzoom="2.0" fovmin="90" fovmax="110" limitview="auto" />

    <image hfov="360" vfov="180" stereo="false" stereoformat="TB">
    <sphere url="plugin:video" />
    </image>


    <hotspot name="spot1" style="skin_hotspotstyle" ath="20.411" atv="-4.687" linkedscene="still_01" />

    <plugin name="video"
    url="plugins/videoplayer_basic_source.js"
    videourl="videos/video_01/video_01.mp4"
    devices="panovideosupport"
    playsinline="true"
    touchworkarounds="true"
    iphoneworkarounds="true"
    />

    <plugin name="soundinterface"
    url.flash="plugins/soundinterface.swf"
    url.html5="plugins/soundinterface.js"
    preload="true"
    rootpath=""
    volume="1.0"
    mute="false"
    />

    </scene>


    </krpano>

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden