VideoView
<VideoView stream={participant.stream} />
The VideoView
component renders a <video>
and <audio>
element within your application.
Properties
Property
Required
Type
Description
stream
✅
MediaStream
The stream
muted
boolean
The mute state of the video element. Defaults to false
mirror
boolean
When set to true
, the video is mirrored. Defaults to false
.
style
Object
Inline styles to be applied to the <video>
element.
onResize
Function
Callback that is triggered when the video element is resized. Reports the video's height
, width
and stream
.
VideoView
also accepts any other React.VideoHTMLAttributes
.
Usage
import { useLocalMedia, VideoView } from "@whereby.com/browser-sdk/react";
function SelfView() {
const localMedia = useLocalMedia({ audio: false, video: true });
const { localStream } = localMedia.state;
return (
<VideoView muted stream={localStream} />
);
}
Last updated
Was this helpful?