You are not logged in.

Newbie Question IPAD/IPHone

misterbanner

Beginner

  • "misterbanner" started this thread

Posts: 23

  • Send private message

1

Monday, September 5th 2011, 12:41am

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

servaas

Intermediate

Posts: 218

Location: Belgium

  • Send private message

2

Monday, September 5th 2011, 9:24am

hi;

I think this is what you're looking for.
http://krpano.com/plugins/videoplayer/
it's pretty easy.

And oh yeah. for the ipad, add onclick="play()", because the "ipad" doesn't know autostart :-)

good luck.
=servaas=
VAN BELLE IMAGE B3D

misterbanner

Beginner

  • "misterbanner" started this thread

Posts: 23

  • Send private message

3

Monday, September 5th 2011, 11:29pm

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>

michel

Professional

Posts: 1,153

Location: ANDORRA

Occupation: TV

  • Send private message

4

Tuesday, September 6th 2011, 12:01am

Hi misterbanner,

There is 2 syntax errors in your xml:
- a missing space between width="100%"height="100%"
- and a duplicated onclick event... erase one of them...

About xml parsing errors, have a look to this post from Klaus: XML parsing error check list

SAlut.

misterbanner

Beginner

  • "misterbanner" started this thread

Posts: 23

  • Send private message

5

Tuesday, September 6th 2011, 11:47pm

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

Sven

Beginner

Posts: 16

  • Send private message

6

Thursday, September 8th 2011, 5:19am

We're working on this same thing right now so hopefully we will be able to provide you with assistance.

This post has been edited 1 times, last edit by "Sven" (Sep 8th 2011, 8:54pm)

misterbanner

Beginner

  • "misterbanner" started this thread

Posts: 23

  • Send private message

7

Friday, September 9th 2011, 6:46am

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

Similar threads