How to work with custom UI

jagruti · August 20, 2020, 12:25pm

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

DeveloperBot · August 20, 2020, 12:25pm

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:

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

jagruti · August 20, 2020, 12:31pm

I want to customize whole UI in my existing app

jon.zoom · August 20, 2020, 8:59pm

Hi @jagruti, thanks for using the Zoom SDK!

It sounds like you’re looking for the customized meeting UI docs. If you run into trouble while implementing your meeting UI, the sample app linked in the thread referenced above may be a useful point of reference. Hope this helps.

Thanks!

jagruti · August 24, 2020, 6:21am

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.

jon.zoom · August 24, 2020, 7:08pm

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 and start meeting documentation for more info.

Thanks!

jagruti · August 25, 2020, 3:43am

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 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!

jon.zoom · August 25, 2020, 5:08pm

@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!

jagruti · August 27, 2020, 3:34am

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!

jon.zoom · August 27, 2020, 5:01pm

@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!

jagruti · August 28, 2020, 3:47am

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

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

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!

jon.zoom · August 28, 2020, 11:02pm

@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:

On device 1, login using the email/password of the account that has created the webinar
On device 1, enter the webinar number and press the “start this meeting” button
On device 1, observe the webinar starting as expected
On device 2, without logging in, enter the meeting number and a user name and press the “join meeting” button
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!

Topic		Replies	Views
Custom UI for Android over zoom default UI Android	9	4484	May 6, 2021
Custom Video UI Android	5	1598	May 26, 2021
Custom meeting UI: Resized User Cam + Shared View Android	5	2373	August 21, 2020
Android Custom Meeting UI Docs missing key code Android	2	1002	August 21, 2020
Can't start custom UI activity Android	4	777	August 21, 2020

How to work with custom UI

Related Topics