i posted this in answer to another post but thought it should be here too...
k.ary.n / thomas - please accept my apologies and delete my post if for some reason I'm not meant to have borrowed from your work or if this is bad advice... congrats on version 3, still in beta and already brilliant! I was about to buy krpano when I saw the new HTML 5 feature!
I think this is quite a good way of auto detecting.... (although it still needs thorough testing on an actual ipad/iphone - no guarentees it works perfectly) and as I've been helped so much from reading this forum I thought I should help out... i'll try to be as clear and concise as possible. If you edit the attached files and folders as instructed it should work.
1. The attached folder, named "virtual-tour", includes an html file (tour.html) similar to the one I am using... open it and change "example.xml" and "example.swf" to your starting files (first file in the tour)... adjust the flash file's width and height as necessary. (you will find HTML5 width and height in the inline styles and set to 100%. this is so it starts in "full screen")... once again, needs more testing. save tour.html and close it.**
2. Paste all your swf and xml files loose in this folder ("virtual-tour")
3. Add the HTML5 specific jpeg's (all images, all sizes) to the folder named "images"
4. Open the folder named "resources", paste your skin file here (must be name "skin.js" unless you change the link in tour.html).
5. Add the images for your skin. NOTE: I've got mine in the folder named "skin-images" but you may have to do a find and replace in skin.js to change the file locations of the buttons or put the skin images where it's looking for them.
6. upload the whole folder (virtual-tour) to your server and link to tour.html to open...
**no other links in tour.html need changing but you can add your google analytics code at the bottom (once again, anyone have a better way to add google analytics?) and change anything you want once you understand it. i just thought this would be a good way of getting started.
That should be it... unless i've missed something it should now use the HTML5 tour for safari5/ipad/iphone (still needs testing on iphone ipad) users and Flash for everyone else.
Ideas and corrections are welcome if (more likely, when) anyone spots a problem... i'm not much cop with javascript so i've done this blind...
please feel free to test the one i've done already... go to
http://www.stmaryskenton.org, scroll down and click "Launch Tour".
I've done mine slightly differently... You'll notice i've had to fudge it slightly to make it work in a fancybox iframe!!! it will show the flash file in the fancybox if no html5 support but In safari5 (and hopefully ipad/iphone) it shows an image link which opens a new window with the html5 tour... thats the only way i've got it to work full screen for html5 users, from the same link, using the fancybox iframe (html5's fullscreen mode doesn't work in a fancy box). As it's only a small number of users that will see the html5 version i figure they can click one more time for now.
KNOWN ISSUES: I need to do a proper skin for both versions and not all the files open looking in the right direction!!!! Probably countless others...
Hope this helps,
Nick