import {
StreamVideo,
LivestreamPlayer,
} from '@stream-io/video-react-native-sdk';
const LivestreamScreen() {
return (
<StreamVideo client={client}>
<LivestreamPlayer callType="livestream" callId={callId} />
</StreamVideo>
);
}
LivestreamPlayer
The LivestreamPlayer
is a UI component that plays a WebRTC livestream given the call ID and the call type. Under the hood, it uses the ViewerLivestream
component.
General usage
Let’s see how to show the LivestreamPlayer
UI:
Props
callType
The call type. Usually livestream
.
callId
The call ID.
ViewerLivestream
Component to override the ViewerLivestream component that is used under the hood.
Type | Default Value |
---|---|
ComponentType | undefined | ViewerLivestream |
joinBehavior
Determines when the viewer joins the call. Can have one of these two values: "asap"
(by default) or "live"
.
- I'm working with the Stream Video React Native SDK and would like to ask questions about this documentation page: https://getstream.io/video/docs/react-native/ui-components/livestream/livestream-player.md
- View as markdown
- Open in ChatGPT
- Open in Claude