Rate this page:

Video streams and video views

Flutter SDK

Rotate sent video to match the device orientation using VIVideoRotation while adjusting the incoming stream view with VIVideoViewController.

React Native SDK

The rendering is managed via the Voximplant.VideoStream class and Voximplant.VideoView component.

The VideoStream class contains a unique ID for a video stream; that ID is passed into the VideoView component via props.

The VideoView component renders a video stream with its ID and scaleType (possible values are SCALE_FIT, SCALE_FILL). Each video stream should be rendered via the separate VideoView component instance:

VideoView

VideoView

To process a local video stream, you need to handle the CallEventTypes.LocalVideoStreamAdded event. You can also use the CallEventTypes.LocalVideoStreamRemoved event that will notify you when a local video stream stops.

To process a remote video stream, you need to handle the EndpointEventTypes.RemoteVideoStreamAdded event. You can also use the EndpointEventTypes.RemoteVideoStreamRemoved event that will notify you when a remote video stream stops.