Skip to main content

Introduction

Embed viewer

To embed the Product Viewer into other web pages, only an iframe with the appropriate ID is needed.

Simple

<iframe 
src="https://viewer.rooom.com/product/e725a9e18cb87bbc2977b73d4bdc65"
title="rooom-viewer"
width="640"
height="480"
frameborder="0"
style="border:none;"
allowvr="yes"
allow="vr; xr; accelerometer; magnetometer; gyroscope; autoplay;"
allowfullscreen
mozallowfullscreen="true"
webkitallowfullscreen="true">
</iframe>

Dynamic width/height

With Bootstrap

<div class="embed-responsive embed-responsive-16by9">
<iframe
src="https://viewer.rooom.com/product/e725a9e18cb87bbc2977b73d4bdc65"
class="embed-responsive-item"
...
>
</iframe>
</div>

Without Bootstrap

<div style="position:relative;display:block;height:0;padding:0;overflow:hidden;padding-bottom:56.25%;">
<iframe
src="https://viewer.rooom.com/product/e725a9e18cb87bbc2977b73d4bdc65"
style="border:none;position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;"
...
></iframe>
</div>

Preview image

For the preview image of a viewer, the following URL must be called.

https://viewer.rooom.com/product/[token]/preview

An example:

https://viewer.rooom.com/product/e725a9e18cb87bbc2977b73d4bdc65/preview

Options

SIZE

The preview image is available in different resolutions and by the option the suitable or next possible resolution can be delivered.

https://viewer.rooom.com/product/[token]/preview?size=256