Newbie Question IPAD/IPHone

  • I ahvent yet done a Ipad/Iphone pano and i was wanting to see if there is somewhere i could go for a step by step guide on how to use the new IPAD/ Video plugin
    or some example code to give me push i need to get started atm im clueless

  • Thanks servaas

    tryed that keep getting a Pharsing error on screen when loading via iphone/ipad also a big KR pano demo in middle of screen i have my iphonelience file in the folder as well
    here is code i used for example

    XML im using is
    <krpano>
    <display fps="25" />

    <progress showload="yes" showwait="loopings(0xFFFFFF)" />

    <plugin name="video"
    width="100%"height="100%"
    url="videoplayer.swf"
    videourl="5th.mp4"
    onclick="play()"
    align="center" x="0" y="0"
    pausedonstart="true"
    loop="false"
    volume="1.0"
    buffertime="0.1"
    updateeveryframe="false"
    onvideoready="do_time_bar(video,null,bottom,null,70%,6,0,5,false,10);"
    onvideocomplete="loadpano(samolot.xml,null,IGNOREKEEP);"
    onclick="play()"
    />

    <textstyle name="infostyle" origin="centre" edge="top" yoffset="20" textalign="center" background="false" border="false" fontsize="40" textcolor="0xFFFFFF" bold="false" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);" showtime="10.0" fadetime="1.0" fadeintime="1.0" />
    <action name="startup">
    showtext('Click Play[br][/br][br]to start[/br][br]', infostyle); </action>

    </krpano>


    html im using is
    <!DOCTYPE html>
    <html>
    <head>
    <title>krpano 1.0.8.14 examples</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" />
    <style>
    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; }
    a{ color:#AAAAAA; text-decoration:underline; }
    a:hover{ color:#FFFFFF; text-decoration:underline; }
    </style>
    </head>
    <body>

    <div id="krpanoDIV" 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>
    </div>

    <script src="swfkrpano.js"></script>

    <script>

    var viewer = createPanoViewer({swf:"krpano.swf", id:"krpanoSWFObject", target:"krpanoDIV"});

    //viewer.useHTML5("whenpossible"); // uncomment to use the HTML5 krpanoJS viewer always when possible (Safari5)

    if( viewer.isDevice("iPhone|iPod|Android") )
    viewer.addVariable("xml", "1.xml");
    else
    viewer.addVariable("xml", "2.xml");

    viewer.embed();

    </script>

    </body>
    </html>

  • thanks heaps i got the video hotspot working great now the big question
    Does the new plugin allow us play panoramic video ? and allow the user to swipe finger to move the video around if so how would i do this ?

    this is the video xml im using atm that is working great.
    <krpano>
    <plugin name="video1"
    url="videoplayer.swf"
    alturl="videoplayer.js"
    onclick="play()"
    videourl="cats-short.m4v"
    altvideourl="cats-short.m4v"
    posterurl="videoposter.jpg"
    align="center" x="0" y="0"
    pausedonstart="false"
    loop="false"
    volume="1.0"
    buffertime="0.1"
    updateeveryframe="false"
    onvideoready=""
    onvideocomplete=""
    />
    </krpano>


    Sorry for all the newbie questions

  • Yep sounds good as i said i can get the video hotspot working great but the pano video is another story


    Any hints or demos would be great
    send me a pm if u wanted to chat and share ideas via google chat. /gtalk

Participate now!

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