# How to work with custom UI

**URL:** <https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702>\
**Category:** Android\
**Created:** [August 20, 2020, 12:25pm UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702 "2020-08-20T12:25:34Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![jagruti](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jagruti/32/5556_2.png) [@jagruti](https://devforum.zoom.us/u/jagruti)\
**Post date:** [August 20, 2020, 12:25pm UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702/1 "2020-08-20T12:25:34Z")

</div>

I’ve added a MobileRTCVideoView to my custom XML layout, but not sure how to fill it with a meeting being joined.

---

<div class="post-metadata">

**Author:** ![DeveloperBot](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/developerbot/32/12632_2.png) [@DeveloperBot](https://devforum.zoom.us/u/DeveloperBot)\
**Post date:** [August 20, 2020, 12:25pm UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702/2 "2020-08-20T12:25:51Z")

</div>

Hey @jagruti

Thanks for posting on the Zoom Devforum! I am still learning, but I will try my best to help answer your question. 🙂

Checkout this related thread that may have the answer you are looking for:

> [@Custom UI for Android over zoom default UI](https://devforum.zoom.us/t/-/5565):
>
> Description The requirement is to trigger a layout on top of zoom call, like when the video call is ongoing we should be able to trigger our layout. I tried doing that but then the layout shows beneath the Zoom screen, which is noticeable only once the meeting gets ended.

If this thread did not help, please let us know by replying back here and someone from the Developer Relations team will get back to you shortly.

Thanks,  
DeveloperBot

---

<div class="post-metadata">

**Author:** ![jagruti](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jagruti/32/5556_2.png) [@jagruti](https://devforum.zoom.us/u/jagruti)\
**Post date:** [August 20, 2020, 12:31pm UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702/3 "2020-08-20T12:31:46Z")

</div>

I want to customize whole UI in my existing app

---

<div class="post-metadata">

**Author:** ![jon.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jon.zoom/32/13495_2.png) [@jon.zoom](https://devforum.zoom.us/u/jon.zoom)\
**Post date:** [August 20, 2020, 8:59pm UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702/4 "2020-08-20T20:59:50Z")

</div>

Hi @jagruti, thanks for using the Zoom SDK!

It sounds like you’re looking for the [customized meeting UI docs](https://marketplace.zoom.us/docs/sdk/native-sdks/android/mastering-zoom-sdk/in-meeting-function/customized-meeting-ui/overview). If you run into trouble while implementing your meeting UI, the [sample app](https://github.com/zoom/zoom-sdk-android/tree/master/mobilertc-android-studio/example2) linked in the thread referenced above may be a useful point of reference. Hope this helps. 🙂

Thanks!

---

<div class="post-metadata">

**Author:** ![jagruti](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jagruti/32/5556_2.png) [@jagruti](https://devforum.zoom.us/u/jagruti)\
**Post date:** [August 24, 2020, 6:21am UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702/5 "2020-08-24T06:21:59Z")

</div>

Thanks It’s working.

One more thing need to know how can I start webinar from android sdk? Currently If I am starting the webinar from zoom application or web portal at that time I am able to join webinar without login. But if I will start the webinar from Zoom android sdk application I am not able to join the webinar as it’s showing wait till host start the webinar.

---

<div class="post-metadata">

**Author:** ![jon.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jon.zoom/32/13495_2.png) [@jon.zoom](https://devforum.zoom.us/u/jon.zoom)\
**Post date:** [August 24, 2020, 7:08pm UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702/6 "2020-08-24T19:08:04Z")

</div>

Hi @jagruti, glad to hear the customized UI is working!

As far as starting a webinar as host goes, you should be able to do this through the SDK as a logged in user. Joining the webinar without logging in will not allow you to start it as the host because authentication is required. Please reference our [authentication](https://marketplace.zoom.us/docs/sdk/native-sdks/android/mastering-zoom-sdk/start-join-meeting/email-login-user/authentication) and [start meeting](https://marketplace.zoom.us/docs/sdk/native-sdks/android/mastering-zoom-sdk/start-join-meeting/email-login-user/start-meeting) documentation for more info.

Thanks!

---

<div class="post-metadata">

**Author:** ![jagruti](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jagruti/32/5556_2.png) [@jagruti](https://devforum.zoom.us/u/jagruti)\
**Post date:** [August 25, 2020, 3:43am UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702/7 "2020-08-25T03:43:32Z")

</div>

> [@jon.zoom](#):
>
> Joining the webinar without logging in will not allow you to start it as the host because authentication is required

Hi Jon,

At the time of start the webinar I am logged in with one licensed user at the other side other users can join that webinar without login or not? As in my current requirement we want to join webinar without login.

What happens currently When I am starting the webinar with [Sign In | Zoom](https://zoom.us/webinar/list) web portal I am able to join webinar from android SDK. But if I am starting same webinar from Android SDK with logged in by same credentials which I have used for web portal, I am able to start the webinar from SDK but other side in other device with Android SDK when I am trying to join that webinar It will always show me waiting room but in actual case webinar is started from Android SDK. Same thing is working properly if I start webinar from portal. Please help me for the same.

Thanks!

---

<div class="post-metadata">

**Author:** ![jon.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jon.zoom/32/13495_2.png) [@jon.zoom](https://devforum.zoom.us/u/jon.zoom)\
**Post date:** [August 25, 2020, 5:08pm UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702/8 "2020-08-25T17:08:07Z")

</div>

@jagruti, thanks for the response.

You may be able to join a webinar without authenticating, depending on the settings for your webinar.

As for starting a webinar, can you please provide a code snippet showing how you’re trying to start the webinar as the host?

Thanks!

---

<div class="post-metadata">

**Author:** ![jagruti](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jagruti/32/5556_2.png) [@jagruti](https://devforum.zoom.us/u/jagruti)\
**Post date:** [August 27, 2020, 3:34am UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702/9 "2020-08-27T03:34:42Z")

</div>

> [@jon.zoom](#):
>
> n you please provide a code snippet sh

Hi Jon,  
I have used below code from SDK to start the webinar.

```
public void onClickBtnStartMeeting(View view) {
    String meetingNo = mEdtMeetingNo.getText().toString().trim();

    if (meetingNo.length() == 0 ) {
        Toast.makeText(this, "You need to enter a meeting number/ vanity which you want to join.", Toast.LENGTH_LONG).show();
        return;
    }

    ZoomSDK zoomSDK = ZoomSDK.getInstance();
    if (!zoomSDK.isInitialized()) {
        Toast.makeText(this, "ZoomSDK has not been initialized successfully", Toast.LENGTH_LONG).show();
        return;
    }

    final MeetingService meetingService = zoomSDK.getMeetingService();
    if (meetingService.getMeetingStatus() != MeetingStatus.MEETING_STATUS_IDLE) {
        long lMeetingNo = 0;
        try {
            lMeetingNo = Long.parseLong(meetingNo);
        } catch (NumberFormatException e) {
            Toast.makeText(this, "Invalid meeting number: " + meetingNo, Toast.LENGTH_LONG).show();
            return;
        }

        if (meetingService.getCurrentRtcMeetingNumber() == lMeetingNo) {
            meetingService.returnToMeeting(this);
            return;
        }

        new AlertDialog.Builder(this)
                .setMessage("Do you want to leave current meeting and start another?")
                .setPositiveButton("Yes", new DialogInterface.OnClickListener() {

                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        mbPendingStartMeeting = true;
                        meetingService.leaveCurrentMeeting(false);
                    }
                })
                .setNegativeButton("No", new DialogInterface.OnClickListener() {

                    @Override
                    public void onClick(DialogInterface dialog, int which) {

                    }
                })
                .show();
        return;
    }

    int ret = -1;
    ret = LoginUserStartMeetingHelper.getInstance().startMeetingWithNumber(this, meetingNo);
    Log.i(TAG, "onClickBtnStartMeeting, ret=" + ret);
}

```

public int startMeetingWithNumber(Context context, String meetingNo) {  
int ret = -1;  
MeetingService meetingService = mZoomSDK.getMeetingService();  
if(meetingService == null) {  
return ret;  
}

```
    StartMeetingOptions opts =ZoomMeetingUISettingHelper.getStartMeetingOptions();
    opts.no_video=false;

    StartMeetingParams4NormalUser params = new StartMeetingParams4NormalUser();
    params.meetingNo = meetingNo;
    return meetingService.startMeetingWithParams(context, params, opts);
}

```

To join meeting use below code:  
public void onClickJoin(View view) {  
if(!mZoomSDK.isInitialized())  
{  
Toast.makeText(this,“Init SDK First”,Toast.LENGTH\_SHORT).show();  
InitAuthSDKHelper.getInstance().initSDK(this, this);  
return;  
}

```
    if (ZoomSDK.getInstance().getMeetingSettingsHelper().isCustomizedMeetingUIEnabled()) {
        ZoomSDK.getInstance().getSmsService().enableZoomAuthRealNameMeetingUIShown(false);
    } else {
        ZoomSDK.getInstance().getSmsService().enableZoomAuthRealNameMeetingUIShown(true);
    }
    String number = numberEdit.getText().toString();
    String name = nameEdit.getText().toString();

    JoinMeetingParams params = new JoinMeetingParams();
    params.meetingNo = number;
    params.displayName = name;
    params.password = "0";
    params.displayName = "Test Zoom";
    JoinMeetingOptions options=new JoinMeetingOptions();
    ZoomSDK.getInstance().getMeetingService().joinMeetingWithParams(this, params,ZoomMeetingUISettingHelper.getJoinMeetingOptions());
}

```

Thanks!

---

<div class="post-metadata">

**Author:** ![jon.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jon.zoom/32/13495_2.png) [@jon.zoom](https://devforum.zoom.us/u/jon.zoom)\
**Post date:** [August 27, 2020, 5:01pm UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702/10 "2020-08-27T17:01:55Z")

</div>

@jagruti, thanks for providing that! Calling into `startMeetingWithParams` should be starting the webinar if you’re providing the required info and I’m not seeing any issues around that.

Have you made any changes to the `LoginUserStartMeetingHelper` from the sample app or are you using it as-is? Additionally, logs from a session where you are unsuccessful in starting a webinar would be useful.

Thanks!

---

<div class="post-metadata">

**Author:** ![jagruti](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jagruti/32/5556_2.png) [@jagruti](https://devforum.zoom.us/u/jagruti)\
**Post date:** [August 28, 2020, 3:47am UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702/11 "2020-08-28T03:47:08Z")

</div>

> [@jon.zoom](#):
>
> that

Hi Jon,

I have not done any changes in `LoginUserStartMeetingHelper` file. I have used it provided in SDK demo.

My issue is with join webinar not with start the webinar as I said before when I am starting the webinar from the zoom desktop app or web portal It will allow me to join webinar without login from other device but if I am starting the webinar from the android SDK demo using methods provided in above discussion will always show me waiting room meeting status is MeetingStatus.MEETING\_STATUS\_WAITINGFORHOST.  
Following are some logs after start meeting:

2020-08-28 09:30:03.878 8601-8601/us.zoom.sdkexample I/InitAuthSDKHelper: onZoomSDKInitializeResult, errorCode=0, internalErrorCode=0  
2020-08-28 09:30:03.878 8601-8601/us.zoom.sdkexample I/ZoomSDKExample: onZoomSDKInitializeResult, errorCode=0, internalErrorCode=0  
2020-08-28 09:30:08.915 9779-9779/us.zoom.sdkexample I/ZoomSDKExample: onMeetingStatusChanged, meetingStatus=MEETING\_STATUS\_CONNECTING, errorCode=0, internalErrorCode=0  
2020-08-28 09:30:46.471 9779-9779/us.zoom.sdkexample D/MeetingVideoCallback: onMeetingActiveVideo:16778240  
2020-08-28 09:30:46.474 9779-9779/us.zoom.sdkexample D/MeetingVideoCallback: onMeetingActiveVideo:16778240  
2020-08-28 09:30:46.476 9779-9779/us.zoom.sdkexample D/MeetingVideoCallback: onMeetingActiveVideo:16778240  
2020-08-28 09:30:46.477 9779-9779/us.zoom.sdkexample I/chatty: uid=10283(us.zoom.sdkexample) identical 1 line  
2020-08-28 09:30:46.477 9779-9779/us.zoom.sdkexample D/MeetingVideoCallback: onMeetingActiveVideo:16778240  
2020-08-28 09:30:46.483 9779-9779/us.zoom.sdkexample I/ZoomSDKExample: onMeetingStatusChanged, meetingStatus=MEETING\_STATUS\_INMEETING, errorCode=0, internalErrorCode=0

 ![device-2020-08-28-093148](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/9/96f62d1770082318c84c1e9c155feafd6be63aca.png)

Following are some logs when joining the webinar:  
2020-08-28 09:32:21.496 23369-23369/us.zoom.sdkexample I/MeetingService: joinMeetingWithParams: sUri=zoomus://zoom.us/join?confno=84467757834&uname=Test+Zoom&pwd=0&show\_water\_mark=1&meeting\_views\_options=0&invite\_options=255&zc=0  
2020-08-28 09:32:22.133 23369-23369/us.zoom.sdkexample D/ZoomSDKExample: onMeetingStatusChanged MEETING\_STATUS\_CONNECTING:0  
2020-08-28 09:32:22.372 23369-23369/us.zoom.sdkexample I/MobileRTCVideoView: surfaceCreated group index =194751866  
2020-08-28 09:32:22.386 23369-24530/us.zoom.sdkexample I/MobileRTCVideoView: onGLSurfaceChanged group index =194751866, width=1080, height=1920  
2020-08-28 09:32:22.386 23369-24530/us.zoom.sdkexample I/MobileRTCVideoView: onGLSurfaceChanged group index =194751866, width=1080, height=1920  
2020-08-28 09:32:22.422 23369-23369/us.zoom.sdkexample I/MobileRTCVideoView: onGLSurfaceChanged: groupIndex = 194751866, width=1080, height=1920  
2020-08-28 09:32:22.423 23369-23369/us.zoom.sdkexample I/MobileRTCVideoView: startRender: group index = 194751866  
2020-08-28 09:32:22.445 23369-23369/us.zoom.sdkexample W/CameraBase: An error occurred while connecting to camera 1: Service not available  
2020-08-28 09:32:22.454 23369-23369/us.zoom.sdkexample W/CameraBase: An error occurred while connecting to camera 1: Service not available  
2020-08-28 09:32:22.461 23369-23369/us.zoom.sdkexample I/MobileRTCVideoView: onGLSurfaceChanged: groupIndex = 194751866, width=1080, height=1920  
2020-08-28 09:32:24.880 23369-23369/us.zoom.sdkexample D/ZoomSDKExample: onMeetingStatusChanged MEETING\_STATUS\_WAITINGFORHOST:0

 ![device-2020-08-28-092847](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/0/0f7b829dfb028a3ffa5f98f10364a7ff932234cb.png)

Also one more issue is there how to enable audio when I am starting the meeting from SDK by default audio is not enable.

Thanks!

---

<div class="post-metadata">

**Author:** ![jon.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/jon.zoom/32/13495_2.png) [@jon.zoom](https://devforum.zoom.us/u/jon.zoom)\
**Post date:** [August 28, 2020, 11:02pm UTC](https://devforum.zoom.us/t/how-to-work-with-custom-ui/27702/12 "2020-08-28T23:02:56Z")

</div>

@jagruti, thank you for providing the logs.

Using our sample app, I am not able to reproduce this behavior with the following steps with 2 devices:

1. On device 1, login using the email/password of the account that has created the webinar
2. On device 1, enter the webinar number and press the “start this meeting” button
3. On device 1, observe the webinar starting as expected
4. On device 2, without logging in, enter the meeting number and a user name and press the “join meeting” button
5. On device 2, observe the webinar starting and see video from the first device available

Let me know if you’re seeing different behavior after taking these same steps.

> Also one more issue is there how to enable audio when I am starting the meeting from SDK by default audio is not enable.

You can connect to audio programmatically through `InMeetingAudioController#connectAudioWithVoIP`:  
`ZoomSDK.getInstance().getInMeetingService().getInMeetingAudioController().connectAudioWithVoIP();`

Thanks!