Video Call Screen

The MFUICallScreenViewController is a class that is used to build a one to one Video Call for incoming and outgoing calls

videoRinging

Module Components#

In the MFUICallScreenViewController class, MFUICallScreenModule and its components are used to create and display call screen view. same controller used for both audio & video call. RemoteVideoView and LocalVideoView are the two additional component added for Video Call.

Property nameType
RemoteVideoViewMFUICallScreenModule.RemoteVideoView
LocalVideoViewMFUICallScreenModule.LocalVideoView
headerComponentMFUICallScreenModule.Header
hangupFooterComponentMFUICallScreenModule.HangupFooter

When the loadView() method of the view controller is called, the module components get added to the view in the setupView() method of the MirrorFly UIKit's view life cycle.

Then, the configure() method of each module component is called to set the property values and display the view.

RemoteVideoView Component#

RemoteVideoView Component includes RTCMTLVideoView to show remote video. It handles and monitors all remote video related stuff. It include video mute imageview, video mute describtion label.

The following table shows the parameters of the configure() method of the RemoteVideoView Component.

Parameter nameType
themeMFCallScreenTheme

camera_on_off

LocalVideoView Component#

LocalVideoView Component includes RTCMTLVideoView to show Local video. It automatically resize to small rectangle when video call connected. once connected the view can be draggable.

Header Component#

The headerComponent includes a back Button, Call status Label, caller/Receiver Name Label, and Connected call Time Label . Each property corresponds to the module elements of MFUICallScreenViewController.

The following table shows the parameters of the configure() method of the headerComponent.

Parameter nameType
delegateMFUICallScreenModuleHeaderDelegate
themeMFCallScreenTheme

hangupFooter Component#

The hangupFooter Component shows Mute button, speaker button and hangup button. Camera switch button and camera disable button are the two addition component added for Video Call.

The following table shows the parameters of the configure() method of the hangupFooter Component.

Parameter nameType
delegateMFUICallScreenModuleHangupFooterDelegate
themeMFCallScreenTheme

videoConnected