3D Model Viewer

3D Model Viewer Widget for Cinema8

Introducing the Cinema8 widget that seamlessly integrates 3D models into your video content.  this widget lets you embed intricate 3D designs directly within your video, offering an immersive experience to your audience.

Configurable Properties:

Model URL: Link to the 3D model you wish to embed. For instance, the Damaged Helmet model can be used as a sample.

Poster Image: A placeholder image that will be displayed before the 3D model loads. Sample: c8-widget-sample-image.

Skybox Image: Provide a backdrop for your 3D model by linking to an image that sets the scene. For instance, using the aircraft workshop image can give your model an industrial feel.

Disable Skybox Image: Toggle this to either show or hide the skybox image. When set to false, the skybox image will be displayed.

Background Color: Customize the background color of the viewer. The default is a transparent setting, represented as rgba(0,0,0,0).

Auto Rotate: When enabled, the 3D model will slowly rotate automatically, allowing viewers to see all sides of the model without interaction.

Shadow Intensity: Modify the depth and appearance of shadows beneath the model. Options include:

None: No shadows displayed.
Low: Soft, subtle shadows.
Normal: Standard shadow depth.
High: Pronounced, deep shadows.
Exposure: Adjust the light exposure on the 3D model. Choices are:

Low: Dimmed appearance.
Normal: Standard lighting.
High: Bright, enhanced lighting.

NameTypeDefault Value
Model URL (glTF/GLB)Texthttps://sceneview.github.io/assets/models/DamagedHelmet.glb
PosterImagec8-widget-sample-image
Disable PosterBooleanfalse
Skybox ImageTexthttps://modelviewer.dev/shared-assets/environments/aircraft_workshop_01_1k.hdr
Disable Skybox ImageBooleanfalse
Background ColorColor
rgba(0,0,0,0)
Auto RotateBooleantrue
Shadow IntensitySelect
  • None
  • Low
  • Normal
  • High
ExposureSelect
  • Normal
  • Low
  • High
Container Border Radius (0 - 100)Text0