Developer

Appearance

Product Viewer

Embed the rooomProducts viewer into any website via iframe, with options for responsive sizing, AR preview, and preview image generation.

Embed viewer ​

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

Simple ​

html
<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 ​

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

Without Bootstrap ​

html
<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

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