Stream Display Customization

Stream Display Customization

The CSS styling of the stream-container directly affects the Unreal Engine stream's display. Here's a short example, on how to customize it:

• Width and Height: Set the dimensions of the stream. Use viewport units (vw, vh) for a responsive design that fits the browser window.

• Position: Use position: relative; to layout any child elements like overlays.

Example

#stream-container {
  width: 100vw;
  height: 100vh;
  position: relative;
}

Ensure the container's aspect ratio matches the Unreal Engine application to prevent display issues.