GLTF Viewer Integration

3D Viewer integration example:

View Example

3D Viewer integration code

Embed the AIQ 3D component in external web pages by including the javascript URL:

https://n.aiq3d.com/_resources/_js/gltfviewer.min.js?v=1;

<script type="text/javascript" src="https://n.aiq3d.com/_resources/_js/gltfviewer.min.js?v=1"></script>

3D Viewer HTML Component

Upload GLTF files to your website server and then include the AIQ 3D HTML component.

<aiq-3d src="Photo Camera.gltf" width="700" height="420" autoload=""></aiq-3d>

Attributes

src - string (path to GLTF file location on the server);
width - pixels or percent;
height - pixels or percent;
autoload - true / false;
posx, posy, posz - centimeters;
rotx, roty, rotz - degrees;
asbl - true / false (display the assemblies slider);
asblid - string (assembly id);
player - true / false (display the animation player);
bg - hexadecimal (the background color);
engactivate - true / false (activate the engraving module);
layers - true / false (display layers of the 3d model)