Class VideoRenderer

The VideoRenderer component renders video content to the screen.
It supports features like video playback control, scaling, rotation, flipping, opacity, color masking and tinting.
Videos can be rendered with custom dimensions, positioned with offsets, and sliced to show specific regions.
The component provides control over looping, volume, time scaling, and can be assigned to specific render layers.
Videos can be paused, played, and stopped programmatically.

Example

const videoRenderer = new VideoRenderer({
  video: this.assetManager.getVideo("video.mp4"),
  width: 1920,
  height: 1080,
  offset: new Vector2(0, 0),
  flipHorizontally: false,
  flipVertically: false,
  rotation: 0,
  opacity: 1,
  maskColor: "#FF0000",
  maskColorMix: 0,
  tintColor: "#00FF00",
  layer: "Default",
  slice: {x: 0, y: 0, width: 1920, height: 1080},
  volume: 1,
  loop: false,
  fixedToTimeScale: false
});
videoRenderer.play();
Copy