import { RealtimeVideo } from "@outspeed/react";


export function VideoContainer() {
  const { videoTrack } = props

  return (
    <div>
      <RealtimeVideo track={videoTrack} />
    </div>
  );
}

import { RealtimeVideo } from "@outspeed/react";


export function VideoContainer() {
  const { videoTrack } = props

  return (
    <div>
      <RealtimeVideo track={videoTrack} />
    </div>
  );
}
All of our components are built using Tailwind CSS. Make sure to set it up correctly by following the guide available here.

RealtimeVideo can manage local or remote video tracks. It uses an HTML video element internally to play the video track.

​
Props

​
track
Track

A local or remote video track.

​
Resources

RealtimeVideo

Explore the <RealtimeVideo /> code on GitHub to learn how to create your own chat component.

Was this page helpful?

RealtimeAudioVisualizerRealtimeChat