integrate HTML5 to website

[spodec90]

Hi,

I created a website with the mac app sandvox. Now, I want to integrate 3D animations created with Object2VR to my website. I want to avoid to export the file with flash or quick time, due to the fact that I want to use mobile devices to look at the website. I have seen the possibility to integrate HTML5 files with a plugin into wordpress, but I already got a website and want to integrate it there.

Is there any possibility for this?

Thanks
Dennis

[Hopki]

Hi Dennis,
Sandvox has a Raw HTML feature that will let you embed an iFrame.
Upload your object to you server then use an iFrame to embed it.
Have a look at the features video and select 7, advanced features and about 00:10 into it, it starts talking about Raw HTML.

You can use this code:

Code: Select all

<iframe src="object.html" name="Object" width="640" height="480" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="float:left; margin-left:0px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>

Just change the src to point to your objects html page, the name and the window size.


Regards,
Hopki

[spodec90]

Hi,

First of all thanks for your help!
I know about the Raw HTML feature but don't understand what you mean. What do you mean by "Upload your object to you server then use an iFrame to embed it"? So far, I created the HTML 5 file in Object2VR. Now, I have an folder called "Output" and the Object2VR file with the file name.

Can you explain me how to go on now?

Thanks
Dennis

[Hopki]

Hi Dennis,
You now have your output folder from Object2VR.
You would upload this to your server using FTP with say FileZiller which is a free FTP client.

Once you have your output folder uploaded you can add your iFrame to your page. The iFrame has to point to the html page in the output folder.
Code and Path Example:

Code: Select all

<iframe src="output/object.html" name="Object Image" width="640" height="480" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="float:left; margin-left:0px" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>

The above code is looking for an object in a folder called output and it is looking for the Object.html page.
Your file names and paths will be different so make sure you set them correctly.
Hope this helps.
Hopki

[spodec90]

It works! Thanks for your help!

But If I look at it on a mobile device (Ipad, Iphone) it is compressed and the navigation doesn't work properly. Do you have any idea why this is? Im trying to get a perfect result like this example which perfectly works on the Ipad.

http://ggnome.com/object2vr/examples/vespa


Dennis

[Hopki]

Hi Dennis,
Do you have a link to your website?
Regards,
Hopki

[spodec90]

I sent you a pm. I don't want to publish the site here.

[spodec90]

I tried a different FTP Server and its working properly now! Problem solved!

[Hopki]

Ahh, good job.
Regards,
Hopki