ibook

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

1

Friday, March 16th 2012, 4:37pm

Hi,

i'm struggling with krpano in the ibook.

i have it working nice but...

What ever i change in index or html in ibooks author, or in that plist file the pano just shows in preview mode on ipad, in the middle and takes aprox 50% of the screen. Like a pano frame from aprox 450x350 or so..
When i look at Willy Keamena example of the trains ' Westbahn' he goes fullscreen just easy.
...

What is the procedure to get that. Where can i set how it shows up, size wise.

Cheers

Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

2

Saturday, March 17th 2012, 10:22am

Maybe someone have it running straight from krpano and can help?
I like it to go fullscreen, which is possible when i look to examples out of pano tour pro.

Any help highly appreciated!
Tuur
*thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

3

Sunday, March 18th 2012, 11:03am

Bump

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

4

Sunday, March 18th 2012, 2:28pm

oke, nobody there,

so i did some investigation, and get crazy..

here you can download my widget, or what is inside that 'works': (gyro works, i see a pano etc)

http://www.virtualtuur.com/zip/test5.zip

just rename to test5.wdgt and put it in your ibook.

but i still get no full screen. or 100% size

this one from Willy Keamena works nice with pano 2 vr:
http://www.virtualtuur.com/zip/test6.zip

I also tried in the index:

Source code

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
		<style type="text/css" title="Default">
			body {
				margin:0;
				padding:0
				background : #ffffff; 
			}
		</style>
	</head>
<body>

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

		<div id="container" style="width:1024px;height:768px;"></div>
	<script>
		embedpano({swf:"hiswa_2.swf", xml:"hiswa_2.xml", target:"container"});
	</script>


</body>
</html>

I tried fiddling around with the index all the way around... also just replaced stuff in the index from willy and krpano js etc..
Maybe there is a problem?

No succes. *cry*

How to get it nicely working with krpano?
Pano tour pro works so it must be easy in krpano ... right?
Somebody has a working example with krpano?? Not seen a single one.
And if yes, please help or send an working index.

Klaus??

Tuur *cursing*

Tuur has attached the following image:

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

This post has been edited 8 times, last edit by "Tuur" (Mar 18th 2012, 4:33pm)

Go to the top of the page

imge

Beginner

Posts: 33

5

Sunday, March 18th 2012, 4:42pm

hi tuur...here 2 links where y can find some info about that

https://developer.apple.com/library/mac/…dgetBasics.html

http://blogs.remobjects.com/blogs/jim/2012/02/21/p3918

imge

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

6

Sunday, March 18th 2012, 4:50pm

mmm..

thanx, seen them before.. but i don't see any info on my problem...

i'll re-read because nobody did show a working krpano example yet so i don't belief it's gonna work at 'fullscreen'....

Can you provide a working krpano index?
That would make more sence.

Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Go to the top of the page

imge

Beginner

Posts: 33

7

Sunday, March 18th 2012, 5:03pm

hi again

the main point is that the size of default.png is the most important thing....you can omit width and height in the info.plist

puting as an example the pano of kaemena...the size of default.png is 960 x 540 and in his info.plist width is set to 1024 and height to 768...but if you insert the widget in a ibook and test it...the displayed size is 960 x 540....the size of default.png

imge

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

8

Sunday, March 18th 2012, 5:06pm

mmm...

- open new ibook
- put that html thing in
- drop this widget on it http://www.virtualtuur.com/zip/test5.zip
(make normal pano index) as jürgen stated here:any chance to integrate a pano with "iBooks Author" ?

no succes

Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

9

Sunday, March 18th 2012, 5:08pm

@imge

ahhh ..
will test now

Thanx
Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

10

Sunday, March 18th 2012, 5:13pm

Yesssssss

stupid, but that was THE thing.
Never thought the size of that thumb would make it go for the same size as pano..

Thanx Imge,
2 months of free drinks in the bar!

Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Go to the top of the page

Nupsi

Professional

Posts: 697

11

Monday, March 19th 2012, 10:21am

Hey Tuur,

do you have any working example online? Would love to take sneak peek on that ;-)

Best regards
Nupsi

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

12

Monday, March 19th 2012, 10:38am

He Nupsi,

no not yet, but i work on an small showcase.
Willy Keamena has made a very nice one.
Look for 'Westbahn'. (in the ibookstore ipad only i think)
That's pano2vr though. But krpano works also good.
I found out now, with some help, how it works and i think it has massive potential.
It's quite easy to do actually, when you know.
But if have to investigate some more.

If you have questions?

Cheers
Tuur

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

13

Monday, March 19th 2012, 1:02pm

Hi Imge,

can you explain the problem with the sound? And what to do?
I have an older tour that i like to test for i book.

EDIT: it doesn't 'eat' mp3..

Is there also a problem with the textfield.swf? It feels like that but i will investigate..

EDIT: the textfield works nice!

Thanks in advance!

Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

This post has been edited 3 times, last edit by "Tuur" (Mar 19th 2012, 2:12pm)

Go to the top of the page

imge

Beginner

Posts: 33

14

Monday, March 19th 2012, 2:36pm

hi tuur,

convert the sound to m4a...problem is that sound still on when quit the panoview

a work around is external audio in index like this...is yourhtml modified....addedwebkitdragdrop.js (attached), in order to drag the player...
[code]<!DOCTYPE html>
<html>
<head>
<title>krpano.com - hiswa_2</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>
@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; }
a{ color:#AAAAAA; text-decoration:underline; }
a:hover{ color:#FFFFFF; text-decoration:underline; }
</style>
</head>
<body>

<script src="hiswa_2.js"></script>
<script type="text/javascript" src="webkitdragdrop.js"></script>

<div id="sound" style=

imge has attached the following file:

webkitdragdrop.js.zip (4.88 kB - 86 times downloaded - latest: Oct 12th 2023, 8:28am)

Go to the top of the page

imge

Beginner

Posts: 33

15

Monday, March 19th 2012, 2:39pm

seems to be a problem..not the whole code inserted....second attempt

<!DOCTYPE html>
<html>
<head>
<title>krpano.com - hiswa_2</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>
@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; }
a{ color:#AAAAAA; text-decoration:underline; }
a:hover{ color:#FFFFFF; text-decoration:underline; }
</style>
</head>
<body>

<script src="hiswa_2.js"></script>
<script type="text/javascript" src="webkitdragdrop.js"></script>

<div id="sound" style="z-index:20;position:absolute;width:20%; height:6%;top:25%; left:10%; ">
<audio preload="auto" controls="controls" autoplay="" loop="loop" >
<source src="scene5.m4a" type="audio/mp3" />
Your browser does not support the audio element.
</audio>
</div>

<div id="pano" style="z-index:10;position:absolute;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:"hiswa_2.swf", xml:"hiswa_2.xml", target:"pano"});
</script>
</div>

<script type="text/javascript">

var D = new webkit_draggable('sound');

</script>

</body>
</html>

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

16

Monday, March 19th 2012, 2:53pm

ok thanx..

but how to go from mp3 to m4a ...
for osx

they say something with itunes..mmm

Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Go to the top of the page

imge

Beginner

Posts: 33

17

Monday, March 19th 2012, 3:00pm

tuur....
open sound file in iTunes, select it and then advanced/convert to AAc or ctrl click in the song y want to convert and select create aac version

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

18

Monday, March 19th 2012, 3:13pm

YESSSSsssss

GREAT!
A pitty that the krpano sound does not work... i'll investigate a bit more..

Thanx
Imge!

Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

This post has been edited 1 times, last edit by "Tuur" (Mar 19th 2012, 3:24pm)

Go to the top of the page

Alexey Tkachenko

Professional

Posts: 770

Location: Russian Federation

Occupation: Interpreting, Building virtual tours

19

Thursday, December 26th 2013, 10:24am

Hi Tuur!

I'm studying the same topic right now... Just noted that U.S. store refuses to show "Westbahn" and says like: "cmon, pal, you're from Ukrainian store, so piss off!" *cry*

I wonder whether you had some results in your struggle with ibooks or not?

Regards,

Alexey

Go to the top of the page

Tuur

Sage

Posts: 3,839

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

20

Friday, December 27th 2013, 12:30pm

Hi Alexey,

mmm.. sounds strange..
Never seen that, but after my initial tests and making a few..etc i didn't use the ibooks .. have plans for it though..

With the Westbahn from Willy K. i had no problems.

Tuur *thumbsup*

https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos

: https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

Go to the top of the page

ibook

ibook

Source code

Similar threads