Creating a media surface

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.

Watching_a_media_surface.png
An avatar watching a YouTube video on a media surface.

Creating 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:

  1. Click Upload.
  2. Click Browse under Supported file types and choose a suitable model (.fbx) from your computer. Here is a 16x9 screen that we have provided.
  3. Click Materials Settings to open the Materials Settings panel.
  4. From the Use shader dropdown, choose Media Surface.
  5. (Optional) Choose an Albedo MapNormal MapRoughness MapMetalness 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.
  6. Click Save Settings to close the Materials Settings panel.
  7. Click Upload to upload your media surface.
  8. 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.

Download links

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Article is closed for comments.