CODEWITHSUNDEEP
javascriptiphoneipadhtmlpanoramas
Chewie The Chorkie
Chewie The Chorkie

Reputation: 5244

HTML 5 Panotour Pro implementation

I cannot find any information regarding on what to write to display my virtual tour exclusively in HTML 5. Anyone?

Upvotes: 1

Views: 7612

Answers (5)

Panoramus
Panoramus

Reputation: 23

With the latest version of PTP you can select/deselect - html5 - flash - ptv (Offline ptp viewer format)

So can choose just what you want?

Upvotes: 0

Panoramus
Panoramus

Reputation: 23

If you are using PTP 2.+ then you simply change the Build / Output settings to only use "html5"...see screenshot @ https://panoramus.co.uk/ptp2_output_settings.jpg

I would recommend outputting in flash + html5 and forcing the browser to choose html5, this can be done by appending &html5=only to tour link / embed code as shown in link below. http://krpano.com/krpano.html?xml=tours/corfu/tour.xml&html5=only

If you view the page source for above tour sample, you can see it only loads flash if html5 is not supported.

Hopes his helps.

Upvotes: 0

Sam Rohn
Sam Rohn

Reputation: 21

panotour pro does output HTML5 panoramas, just not in the demo trial version

panotour pro is basically just a GUI for KRPano, which actually creates the flash + html5 panorama

see here for info on krpano & html5 + flash panoramas

http://krpano.com/docu/html5/

pano2vr also can output html5 + flash panoramas

http://gardengnomesoftware.com/wiki/Pano2VR_-_HTML5_Export

Upvotes: 2

Chewie The Chorkie
Chewie The Chorkie

Reputation: 5244

I found out this may have to do more with displaying html with images, etc in my resources folder locally, and not on the web. It works fine on iPad's Safari when uploading it to the web. The Kolor forums suggested I should use Goodreader to experience the least problems.

Upvotes: 0

nycynik
nycynik

Reputation: 7541

I found a display of the HTML5 version, view source, and found this links.

http://ptp.panopress.org/test/

More information on this link: http://www.panopress.org/forum/discussion/90/panotour-pro-panopress-instructions/p1

<link rel="stylesheet" type="text/css" media="all" href="http://ptp.panopress.org/wp-content/themes/twentyeleven/style.css" />
<!--[if lt IE 9]>
    <script src="http://ptp.panopress.org/wp-content/themes/twentyeleven/js/html5.js" type="text/javascript"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" media="all" href="http://ptp.panopress.org/wp-content/plugins/panopress/css/panopress.css" />    
<script type="text/javascript"  src="http://ptp.panopress.org/wp-content/plugins/panopress/js/panopress.js"></script>

Upvotes: 0

Related Questions