Media surfaces allow you to play web content in your scene using Chromium Embedded Framework, meaning that you can display most content that could normally be displayed in a web browser. Each scene can support one media URL at a time, but can be displayed on multiple objects.
Web content is currently not interactive; visual media playback, such as an embedded YouTube video, is shown on objects that are uploaded with the Media Surface shader. Audio from the media plays back separately, from a position designated in media surface scene settings.
You can create media surfaces yourself, or you can purchase one from another creator on the Sansar Store.
![]() |
An avatar watching a YouTube video on a media surface. |
Any object can be used as a media surface, but flat planes are typically most suitable for video and web playback. To upload an object as a media surface while in edit mode:
- Click Import > 3D Model.
- Click Browse under 3D model file and choose a suitable model (.fbx) from your computer. Here is a 16x9 screen that we have provided.
- Click Materials Settings to open the Materials Settings panel.
- From the Use shader dropdown, choose Media Surface.
- (Optional) Choose an Albedo Map, Normal Map, Roughness Map, Metalness Map, and/or Emissive Map to apply to your media surface. Note that these maps can potentially interfere with media playback if they are not designed to look like part of a media screen.
- Click Save Settings to close the Materials Settings panel.
- Click Upload to upload your media surface.
- Drag your media surface from your inventory to the scene in order to place it in your scene.
To set a media stream for your media surface, see Using and previewing media streams.
Note: To display side-by-side 3D content, choose the Media Surface + Stereographic shader. For more details on this shader and how to properly align side-by-side 3D content using the Media Surface + Stereographic shader, see Materials editing and shaders. |
Here are some suggested settings for setting up a media surface:
- In the Materials Settings panel, under the Media Surface shader:
- Set Emissive intensity to 0.25 for optimal results. The higher this scale, the more "glowy" the media surface becomes. Try to keep this setting below 1.0.
- Set UV scale to 1.0, unless you want the video to be duplicated across the surface.
- Set Tint to white (255, 255, 255) or gray (127, 127, 127).
0 Comments