Variable CardVideoDisplay`Const`

CardVideoDisplay: React.FC<CardVideoDisplayOptions> = ...

CardVideoDisplay displays a video stream within a card layout, with support for customizable styling and mirroring.

This component uses RTCView to render a video stream with options to mirror the video, set full display, and apply platform-specific styles.

Component

Param: props

Properties for the CardVideoDisplay component.

Param: props.remoteProducerId

The ID of the remote producer for identification.

Param: props.eventType

The type of event, e.g., meeting or webinar.

Param: props.forceFullDisplay

Whether to force the video to fill the container.

Param: props.videoStream

The video stream to display.

Param: props.backgroundColor

Optional background color for the video container.

Param: props.doMirror

Option to mirror the video.

Returns

The CardVideoDisplay component.

Example

import React from 'react';
import { CardVideoDisplay } from 'mediasfu-reactnative-expo';
import { MediaStream } from 'mediasfu-reactnative-expo/dist/types/src/@types/types';

function App() {
  const videoStream: MediaStream = getVideoStream(); // Assume a MediaStream object is available

  return (
    <CardVideoDisplay
      remoteProducerId="producer123"
      eventType="meeting"
      forceFullDisplay={true}
      videoStream={videoStream}
      backgroundColor="black"
      doMirror={true}
    />
  );
}

export default App;