Function VideoTile

VideoTile(__namedParameters: VideoTileProps): Element

Displays a single participant's video stream or an avatar placeholder.

VideoTile renders an RTCView when a video stream is available, or falls back to a colored avatar circle with the participant's initials. A name label is always shown at the bottom, and a mute badge appears when the participant's audio is muted.

Colors and labels can be partially overridden -- any keys you do not provide fall back to the built-in defaults.

Parameters

__namedParameters: VideoTileProps

Returns Element

Example

import { VideoTile } from '@hiyve/rn-react';
import { useLocalMedia, useParticipants } from '@hiyve/rn-react';

function MyVideoTile() {
  const { localStream, isAudioMuted, isVideoMuted } = useLocalMedia();

  return (
    <VideoTile
      stream={localStream}
      userId="user-123"
      displayName="Jane Doe"
      isAudioMuted={isAudioMuted}
      isVideoMuted={isVideoMuted}
      isLocal
      mirror
      colors={{ border: '#6366f1' }}
    />
  );
}

Example

// Remote participant tile
<VideoTile
  stream={participant.videoStream}
  userId={participant.userId}
  displayName={participant.userName}
  isAudioMuted={participant.isAudioMuted}
  isVideoMuted={participant.isVideoMuted}
/>

Function VideoTile

Parameters

Returns Element

Example

Example

Settings