Skip to main content
// Customize main video container
val videoSettings = MainVideoContainerSetting()
videoSettings.mainVideoAspectRatio = CometChatCallsConstants.ASPECT_RATIO_CONTAIN
videoSettings.setFullScreenButtonParams(CometChatCallsConstants.POSITION_BOTTOM_RIGHT, true)
videoSettings.setNameLabelParams(CometChatCallsConstants.POSITION_BOTTOM_LEFT, true, "#333333")
videoSettings.setZoomButtonParams(CometChatCallsConstants.POSITION_BOTTOM_RIGHT, true)

// Apply to call settings
val callSettings = CometChatCalls.CallSettingsBuilder(context, videoContainer)
    .setMainVideoContainerSetting(videoSettings)
    .build()
Prerequisites: Default Calling or Direct Calling setup
Customize the main video container in your call UI — aspect ratio, button positions, and label visibility. Create a MainVideoContainerSetting instance, configure it, and pass it to CallSettingsBuilder.setMainVideoContainerSetting().

​
Main Video Container Setting

The MainVideoContainerSetting class is required when you want to customize the main video view. You need to pass the object of the MainVideoContainerSetting class in the setMainVideoContainerSetting() method of the CallSettingsBuilder.
SettingDescription
setMainVideoAspectRatio(String aspectRatio)This method is used to set the aspect ratio of main video. The default value is CometChatCallsConstants.ASPECT_RATIO_CONTAIN

Possible Values:
1. CometChatCallsConstants.ASPECT_RATIO_CONTAIN
2. CometChatCallsConstants.ASPECT_RATIO_COVER
setFullScreenButtonParams(String position, Boolean visibility)This method is used to set the position & visibility parameter of the full screen button. By default the full screen button is visible in the CometChatCallsConstants.POSITION_BOTTOM_RIGHT position.

Possible Values for position:
1. CometChatCallsConstants.POSITION_TOP_LEFT
2. CometChatCallsConstants.POSITION_TOP_RIGHT
3. CometChatCallsConstants.POSITION_BOTTOM_LEFT
4. CometChatCallsConstants.POSITION_BOTTOM_RIGHT

Possible Values for visibility:
1. true
2. false
setNameLabelParams(String position, Boolean visibility, String backgroundColor)This method is used to set the position, visibility & background color of the name label. By default the name label is visible in the CometChatCallsConstants.POSITION_BOTTOM_LEFT position with a background-color #333333

Possible Values for position:
1. CometChatCallsConstants.POSITION_TOP_LEFT
2. CometChatCallsConstants.POSITION_TOP_RIGHT
3. CometChatCallsConstants.POSITION_BOTTOM_LEFT
4. CometChatCallsConstants.POSITION_BOTTOM_RIGHT

Possible Values for visibility:
1. true
2. false
setZoomButtonParams(String position, Boolean visibility)This method is used to set the position, visibility of the zoom button. By default the zoom button is visible in the CometChatCallsConstants.POSITION_BOTTOM_RIGHT position.

Possible Values for position:
1. CometChatCallsConstants.POSITION_TOP_LEFT
2. CometChatCallsConstants.POSITION_TOP_RIGHT
3. CometChatCallsConstants.POSITION_BOTTOM_LEFT
4. CometChatCallsConstants.POSITION_BOTTOM_RIGHT

Possible Values for visibility:
1. true
2. false
setUserListButtonParams(String position, Boolean visibility)This method is used to set the position, visibility of the user list button. By default the user list button is visible in the CometChatCallsConstants.POSITION_BOTTOM_RIGHT position.

Possible Values for position:
1. CometChatCallsConstants.POSITION_TOP_LEFT
2. CometChatCallsConstants.POSITION_TOP_RIGHT
3. CometChatCallsConstants.POSITION_BOTTOM_LEFT
4. CometChatCallsConstants.POSITION_BOTTOM_RIGHT

Possible Values for visibility:
1. true
2. false
Example: 
MainVideoContainerSetting videoSettings = new MainVideoContainerSetting();

videoSettings.setMainVideoAspectRatio(CometChatCallsConstants.ASPECT_RATIO_CONTAIN);
videoSettings.setFullScreenButtonParams(CometChatCallsConstants.POSITION_BOTTOM_RIGHT, true);
videoSettings.setNameLabelParams(CometChatCallsConstants.POSITION_BOTTOM_LEFT, true, "#333333");
videoSettings.setZoomButtonParams(CometChatCallsConstants.POSITION_BOTTOM_RIGHT, true);
videoSettings.setUserListButtonParams(CometChatCallsConstants.POSITION_BOTTOM_RIGHT, true);

​
Next Steps

Default Calling

Implement one-on-one and group calling with default UI

Direct Calling

Initiate calls directly without user interaction

Presenter Mode

Create webinar-style calling experiences

Standalone Calling

Use Calls SDK without Chat SDK integration