website logo
Contact Us
⌘K
🌐Sense of Space
Introduction
📶3D Streaming System
Introduction & Benefits
Client Implementations
Technical Limitations
Server Requirements
🧊3D Streaming Platform
Upload and Convert a 3D Model
How to Use the Conversion API
🧩Integrations Guides
🤖Unreal Engine
🕹️Unity Engine
🦊Mozilla Hubs
✴️PlayCanvas
🔺Three.js
🅰️A-Frame
🔶Babylon.js
🌍Embed to an HTML page
⚛️Extras
Volumetric Video Integrations
Docs powered by archbee 

Making a low-quality preview

2min

You can also make easily a low-quality, static preview of a streamable model by calling createStreamableModelPreview. It takes two parameters:

  • A similar model parameters object as is passed to createStreamableModel
  • The target size of the preview model in kilobytes. The actual traffic may be different from the target value because the number of available LODs in the streamable model is limited.

The function will return a promise that will resolve to a THREE.Group object with a low-quality preview of the object.

JS
|
let object3d = await createStreamableModelPreview(modelParams, 1*1024);  // 1MB preview
scene.add(object3d);


Note that some of the model parameters are not applicable in the context of the preview. Most importantly the quality variable has no effect on the quality, but the preview quality is defined solely by the target size of the model.

Updated 03 Mar 2023
Did this page help you?
Yes
No
PREVIOUS
Usage
NEXT
Supported Parameters
Docs powered by archbee