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
Newbie Question IPAD/IPHone
-
-
hi;
I think this is what you're looking for.
https://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= -
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 exampleXML 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> -
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.
-
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
-
We're working on this same thing right now so hopefully we will be able to provide you with assistance.
-
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!