Customized Meeting UI


Contents

1. Enable Custom Meeting UI
2. Create Custom Meeting UI

Enable Custom Meeting UI

To use custom meeting UI, you need to enable this feature before starting or joining a meeting using the following:

ZoomSDK.getInstance().getMeetingSettingsHelper().setCustomizedMeetingUIEnabled(true);

If you would like to listen for In-Meeting events, register or unregister the InMeetingServiceListener function:

InMeetingService mInMeetingService = ZoomSDK.getInstance().getInMeetingService();
//Register
mInMeetingService.addListener(this);
//Unregister
mInMeetingService.removeListener(this);

Create Custom Meeting UI

Our customizable view is called MobileRTCVideoView. Implement the MobileRTCVideoView function in the code layout. The Zoom SDK interface will use the MobileRTCVideoView function as the video container.

<activity
android:name="us.zoom.sdksample.inmeetingfunction.customizedmeetingui.MyMeetingActivity"
android:configChanges="screenSize"
android:theme="@style/ZMTheme.SubWindow"
android:screenOrientation="portrait"/>

Note:

Please do not include MobileRTCVideoView in a layout that will be inflated outside of a meeting. It is only meant to be used while in a meeting, so inflating it when not in a meeting may cause undesirable behavior.

Use the MobileRTCVideoView interface getVideoViewManager() to get the manager object MobileRTCVideoViewManager for the video view.

mGalleryVideoView = (MobileRTCVideoView)mGallerySenceView.findViewById(R.id.galleryVideoView);
MobileRTCVideoViewManager mGalleryVideoViewMgr = mGalleryVideoView.getVideoViewManager();

Use the MobileRTCVideoViewManager function to add, remove, update, and destroy the video unit in MobileRTCVideoView.


MobileRTC Video View Manager interfaces list

Modifier and TypeMethod and Description
booleanaddActiveVideoUnit (MobileRTCVideoUnitRenderInfo renderInfo) - Add a active video unit in the VideoView.
booleanaddAttendeeVideoUnit (long user ID, MobileRTCVideoUnitRenderInfo renderInfo) - Add a attendee video unit on the VideoView.
booleanaddPreviewVideoUnit (MobileRTCVideoUnitRenderInfo renderInfo) - Add preview video unit in the VideoView.
booleanaddShareVideoUnit (long user ID, MobileRTCRenderInfo renderInfo) - Add a share video unit in the VideoView.
voiddestroy () - Call this API to release resource, the VideoView will unable to add video unit.
voidremoveActiveVideoUnit () - Remove active video unit in the VideoView.
voidremoveAllAttendeeVideoUnit () - Remove all attendee video unit in the VideoView.
voidremoveAllVideoUnits () - Remove all video units in the VideoView.
voidremoveAttendeeVideoUnit (long user ID) - Remove a attendee video unit in the VideoView by user's ID.
voidremovePreviewVideoUnit () - Remove preview video unit in the VideoView.
voidremoveShareVideoUnit () - Remove share video unit in the VideoView.
voidupdateActiveVideoUnit ( MobileRTCVideoUnitRenderInfo renderInfo) - Update active video unit render information on the VideoView.
voidupdateAttendeeVideoUnit (long user ID, MobileRTCVideoUnitRenderInfo renderInfo) - Update a attendee video unit render information on the VideoView by user's ID.
voidupdatePreviewVideoUnit ( MobileRTCVideoUnitRenderInfo renderInfo) - Update preview video unit render information on the VideoView.
voidupdateShareVideoUnit ( MobileRTCRenderInfo renderInfo) - Update share video unit render information on the VideoView.

MobileRTCVideoUnitRenderInfo

intaspect_mode - Video unit aspect mode defined in the MobileRTCVideoUnitAspectMode class - default is original.
intbackground_color - Video unit background color, - default is black.
booleanis_border_visible - Show video border on video unit, - default is false.
booleanis_show_audio_off - Show user's audio status on video unit, - default is false.
booleanis_username_visible - Show user's name on video unit, - default is false.

We will cover the detail of the above methods in the later sections.


Need help?

If you're looking for help, try Developer Support or our Developer Forum. Priority support is also available with Premier Developer Support plans.