How to display sketchup file on website like my.sketchup.com

nhanco

The title is everything i wanna ask in here. I was research too much time there so many solution like use: obj,json,dea file. But nothing talking about use SKP file on the site like display on Sketchup Software or my.sketchup.com.
Thanks for reading and helping me.

Dan Rathbun

There is no API yet for my.sketchup.com.

BUT, it's display pipeline is now also used for the 3D Warehouse WebGL viewer.
IF the model is hosted on the 3D Warehouse, then you can embed the model using this viewer on another website. (It uses an HTML inline frame element.)

Here is an example of this model, Alvar Aalto stacking table by davidheim:
https://3dwarehouse.sketchup.com/model.html?id=u33ee83a9-f9a6-4a14-8950-c487ded2ea4a


<iframe 
    src="https://3dwarehouse.sketchup.com/embed.html?mid=u33ee83a9-f9a6-4a14-8950-c487ded2ea4a&width=580&height=326"
    frameborder="0" scrolling="no" marginheight="0"
    marginwidth="0" width="580" height="326" allowfullscreen>
</iframe>

Which looks like this:
(Click the image to go into interactive WebGL mode.)

[3dwh:2sihoic4]u33ee83a9-f9a6-4a14-8950-c487ded2ea4a[/3dwh:2sihoic4]

nhanco

Thanks Dan,
That really good idea. But i need a solution for self host model.

@dan rathbun said:

There is no API yet for my.sketchup.com.

BUT, it's display pipeline is now also used for the 3D Warehouse WebGL viewer.
IF the model is hosted on the 3D Warehouse, then you can embed the model using this viewer on another website. (It uses an HTML inline frame element.)

Here is an example of this model, Alvar Aalto stacking table by davidheim:
https://3dwarehouse.sketchup.com/model.html?id=u33ee83a9-f9a6-4a14-8950-c487ded2ea4a


> <iframe 
>     src="https://3dwarehouse.sketchup.com/embed.html?mid=u33ee83a9-f9a6-4a14-8950-c487ded2ea4a&width=580&height=326"
>     frameborder="0" scrolling="no" marginheight="0"
>     marginwidth="0" width="580" height="326" allowfullscreen>
> </iframe>
>

Which looks like this:
(Click the image to go into interactive WebGL mode.)

[3dwh:31f3b1jh]u33ee83a9-f9a6-4a14-8950-c487ded2ea4a[/3dwh:31f3b1jh]

Gábor

What do you mean by "self host model"? Does it mean that the .skp must be on your own server? You probably won't find a cheap solution for this as it requires some server-side program what converts the .skp to webgl format.

You've said you have a solution for .obj .json or .dea formats. Why is it not an option to export the .skp into one of these formats and use the known solution?

Dan Rathbun

@Gábor: I think they meant DAE format.

Other companies have asked for this recently. It would likely be a commercial server-side product, if they decide to do it.
(I would bet that it's terms of use would prohibit it's use on any competitive warehouse-like website.)

nhanco

Thanks all for your replies,
I mean i wanna host SKP file on my own server. An then display the SKP file on web. Ofcause SKP file directly not convert SKP to another file type. My.Sketchup currently not convert SKP to onther file type too. They throw SKP file direct to the browser.

Gábor

@dan rathbun said:

@Gábor: I think they meant DAE format.

Yes, thank you for the correction.

I could imagine a server-side software pack what does convert the .skp at server-side to a webgl digestible format and creates the html for it. But it won't be a free solution for sure.

Exporting the file at client-side to a format what already has ready made webgl loader or using an include of an already existing web viewer is probably the most cost-effective for small firms. Though a little bit more labor intensive than a ready-made custom tailored server-side pack.

May I ask the original poster why is it so important to host it on their own server?