showing swf in html5

Q&A about the latest versions
Post Reply
zoomhome
Posts: 88
Joined: Wed Sep 24, 2008 9:40 pm

Tue Nov 15, 2011 9:39 pm

I want to integrate a spin object into a pano 360 which I need to output in html5. I can get a .swf versions to work. http://www.zoomhome.com/ipad/360/room.html when the hotspot is clicked, but need to open the spin html in a new window in html5. Is is possible to have an html5 window open (with spin) inside the html5 pano like it does on the .swf versions example above?

Here is the html5 sample http://www.zoomhome.com/ipad/360/room2.html I'm shooting for all this to work on ipads.... Help any one?

One last question is how do I change the pano2vr html5 version to center the content in the window? Since I'm a photographer and not coder, I assume that this is something simple I just don't know how to do yet.

Here are all the parts:
Spin html5 http://www.zoomhome.com/ipad/spin/spin.html
spin flash http://www.zoomhome.com/ipad/spin/spin_fl.html

Thanks,
Russ Addie
Zoomhome
User avatar
Hopki
Gnome
Posts: 10183
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Tue Nov 15, 2011 10:10 pm

Hi
Have a look at tho slink: http://support.ggno.me/oip/
It is HTML5 with Flash fullback.
iPad only as Its a bit memory hungary for the iPhone but thats because I did not bother with any more settings.

How to do this, make your object with a fullscreen HTML page and have Flash fullback, call the page object.html or something ilke that.
Make a folder and call it object or similar in the panos folder, this is so the HTML5 skin.js files get mixed up.

Now in the flash skin use an external image/SWF loader, don't embed as it makes the pano SWF way to large.
Th exile path will be, object/object.swf (if your object file name is object.swf)

For the HTML5 skin use a text box and some code like this:

Code: Select all

<iframe width="255" height="332" src="object/object.html" frameborder="0"></iframe>
Of course you can select zoom for the object and then pinch zoom will work on the iPad.
Regards
Hopki
Hopki
Garden Gnome Software Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
zoomhome
Posts: 88
Joined: Wed Sep 24, 2008 9:40 pm

Tue Nov 15, 2011 10:27 pm

That's what I'm looking for but not totally sure I understand. Am I calling up my .swf directly that I put into that "object" folder or am I calling up the html page which is used in the html area I have? If so will I need all the items from the folder holding the spinning object?
User avatar
Hopki
Gnome
Posts: 10183
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Tue Nov 15, 2011 10:32 pm

Hi
Ok, it may be easier to build this again and post it up as I am sure others would like to see it.
The Flash can use the SWF directly, the HTML5 has to use the iframe code and HTML page.
Regards
Hopki
Hopki
Garden Gnome Software Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
zoomhome
Posts: 88
Joined: Wed Sep 24, 2008 9:40 pm

Tue Nov 15, 2011 10:49 pm

Yeah that would help for sure and maybe a .ggsk for a sample. Is it that I need to build the spin item with the HTML5 with flash fall back pointing to the spinning .swf? Then take the skin for my 360 pano and put in the external image/swf and the iFrame call up in that as the external url?
User avatar
Hopki
Gnome
Posts: 10183
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Wed Nov 16, 2011 5:16 pm

Hopki
Garden Gnome Software Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
Post Reply