panorama software,virtual tour software
Alternate Text
Joined: 2006-04-08
Send Msg:
Posts: 221
2011-03-07
#1

html5/flash detection tutorial

I noticed that, when using both html5 and flash output, there is no function available to redirect your visitor automagically to the right version. I managed to create something that does just that, click here with your normal browser to see it in flash, or click the same link with you iThing or safari browser to see the html5 version..

What you have to do is in 10 simple steps:

1) **edit**

2) download a file called index.rar from here and extract index.html and modernizr-1.5.min.js inside that rar.

3) create a tour in tourweaver 6.5 and publish it with the flash and html5 options checked.

4) now go to the 'root' of the tour you just created, it should look like this:



5) copy the index.html and modernizr-1.5.min.js files to that location, so it should look like this:



6) now open the index.html file in notepad or some other text editor and change _html5/****.html and _flash/****.html into the corresponding filenames which you will find in the _flash and _html5 folders. Use for the flash version the html file that by default looks like "TourWeaver_blabla.html"

7) publish it to your site, and you're done.

nb, of course it's possible that there will be a new version of modernizr available, in that case you'll have to change the line " <script type="text/javascript" src="modernizr-1.5.min.js">" in the index.html to the right filename.
**edit: don't download a newer version of modernizr**

8) have a beer

9) have another beer

10) why not have another one

Later,
Ronald

**EDIT** Thanks to Martin in the comments I was informed that this script does not detect iPod. I have included an older version of modernizr js in the rar archive which does detect iPod. So if you already downloaded this, redownload it and replace modernizr-1.7.min.js with modernizr-1.5.min.js. Don't forget to change the index file also.***


Alternate Text
Forum Moderator
Joined: 2002-11-23
Send Msg:
Posts: 5438
2011-03-08
#2

Good job Ronald.

Regards, Smooth [8D]


Alternate Text
Joined: 2006-04-08
Send Msg:
Posts: 221
2011-03-08
#3
Tnx Smooth,
do you think it's still okay to dedicate a post about this on that other forum? ;-)


Alternate Text
Joined: 2005-06-26
Send Msg:
Posts: 218
2011-03-08
#4
Thanks for sharing Ronald.
Much appreciated.
Willie
Alternate Text
Forum Moderator
Joined: 2002-11-23
Send Msg:
Posts: 5438
2011-03-08
#5
Quote: Originally posted by vilmer on March-08-2011
Tnx Smooth,
do you think it's still okay to dedicate a post about this on that other forum? ;-)

LOL, I would. [:^:]

Some limits need pushing!

Regards, Smooth [8D]


Alternate Text
Joined: 2009-01-24
Send Msg:
Posts: 120
2011-03-08
#6
Good job, Vilmer. But we need EP to implement a standard for that feature!
Alternate Text
Joined: 2006-04-08
Send Msg:
Posts: 221
2011-03-08
#7
True Tomax, and if I can figure this out than the programmers at Easypano should be able to do it during lunch.
Anyway, if you want to start using this, now you can. It's really super easy.


BTW, can anyone confirm if this html5 thing wotks on an iPod? I got screenshots of both iPhone versions and Ipad, but it seems it doesn't work on iPod..


Alternate Text
Joined: 2006-09-14
Send Msg:
Posts: 329
2011-03-08
#8

Hi!

Ive just send the link you posted above to my son and asked him to open it with his IPod.
Sadly I have to confirm that it failed.  [:(] 

Salu2, Martin


Alternate Text
Joined: 2006-04-08
Send Msg:
Posts: 221
2011-03-08
#9
Hola Martin! Que tal?

Thank you for checking that, maybe your son could check if the direct link plays at iPod?
this one

Salu2
Ronald


Alternate Text
Joined: 2010-08-03
Send Msg:
Posts: 246
2011-03-09
#10
A nice tutorial, Vilmer! I like it, also the last tutorial parts :)

Thanks,
Madmux
My Tourweaver components: http://www.optitecha.lt/categories/3
Alternate Text
Joined: 2006-04-08
Send Msg:
Posts: 221
2011-03-09
#11
The last parts are the hardest ones Madmux ;-)

I have made a change btw, included an older version of the js file because the latest one doesn't detect iPod.

Later,
Ronald