How to custom the conference UI

Meeting SDK Windows
21

Thanks for helping out! :slight_smile:

22

Hi t.barry-woods,

Thanks for the reply. The error code from the CreateVideoElement() could be retrieved by modifying the C# wrapper and print it out when debugging. Please note that: we have 3 different types of video elements: Preview/Active/Normal; For preview video element, you may create it at any point, but for active/normal video elements, it must be created only after the meeting is in “In-Meeting” state.

If you follow the above process and still get the error, then we might need the SDK log to investigate further.

Thanks!

1 Like
23

Hi @carson.zoom,
I have the opposite problem. I can’t destroy a video element without getting SDKERR_UNINITIALIZE. What’s the correct way to do it?

24

Hi, I’m trying to create a custom UI using the C# wrapper. However I cannot find the CreateCustomizedUIMgr() function.

Also, where do I call this (before joining the meeting, when connecting, when in meeting, …)?

And does creating the CustomizedUIMgr automatically prevent the default Zoom UI from loading or do I need to call something to prevent that?

25

Yes! I finally found how to tell the SDK to use a custom UI:

I should have read the tutorials a little bit better: https://marketplace.zoom.us/docs/sdk/native-sdks/windows/mastering-sdk/custom-ui-feature#1-initialize-the-sdk

Now do I still need to call CreateCustomizedUIMgr() ?

26

Hi Sam,

To use Custom UI, you will need to set the following at SDK initialization:

InitParam.config_opts = new ConfigurableOptions() { optionalFeatures = 1 << 5 }

This will tell SDK not to show the Zoom default UI. Once the Custom UI mode is enabled, you will need to draw your own UI, and handle each event. You may follow the steps that Wilmer has mentioned above:

These steps are for creating a video view and show it in the Custom UI. So you will need to repeat these steps for every video view you would like to have.

Hope this helps. Thanks!

27

How do I do this in C#? I can’t seem to find that function.

I can only find CZoomSDKeDotNetWrap.Instance.GetCustomizedUIMgrWrap()

28

Well, the introduce of using sdk is written to c++ user. We do not have document for C# user.

For C# sdk, we wrap the calling of CreateCustomizedUIMgr() in c++ wrapper. You can find it in ./wrap/customized_ui_components_wrap/customized_ui_mgr_wrap.cpp. You can just use the functions of the class CCustomizedUIMgrDotNetWrap to create video container/share render.

29

@sam.decrock @bragma @meldur has anyone got this working? I’ve tried following @bragma’s helpful suggestion but unfortunately I still have the exact same problem. When I run the custom UI code after the meeting status changes to MEETING_STATUS_INMEETING, I get the same result of an empty black rectangle in my application and a null video element in code. here’s my code for reference:
var ui = CZoomSDKeDotNetWrap.Instance.GetCustomizedUIMgrWrap();
var container = ui.CreateVideoContainer(handle, bounds); // handle and bounds are valid
var video = container.CreateVideoElement(VideoRenderElementType.VideoRenderElement_ACTIVE);
var activeVideo = video as IActiveVideoRenderElementDotNetWrap; // activeVideo is always null

30

@t.barry-woods, set a reasonable width and height on the container before creating the element. If I remember well, that was also required to make it work.

31

@bragma do you mean the element that handle points to, or the container returned by CreateVideoContainer(handle, bounds)? In my code, bounds has already been set to an area of around 300 X 300 pixels, which is calculated from the (WPF) ActualSize of the area I want the video to occupy. Is there something else I need to do to set the width and height?

32

Good question, actually I don’t remember. I could do some tests, but probably it’s quicker for you to make sure that both the container and the handle element have adequate width/height.

1 Like
33

Hi @t.barry-woods,

Based on the code you provided, everything looks good. Could you recompile the wrapper and add debug logs for the interface IVideoRenderElementDotNetWrap^ CreateVideoElement and see what is the reason that causes this issue?

Thanks!

34
  • After looking at it so much, I finally solved the custom UI
35

Thanks for using Zoom SDK. Glad to hear that you have solved the Custom UI.

36

Can you summarize that?

37

I had the same problem while using the Windows C++ SDK, and I was able to solve it as follows.

Problem:
ICustomizedUIMgr::CreateVideoContainer() succeeds
ICustomizedVideoContainer::CreateVideoElement() returns SDKERR_MODULE_LOAD_FAILED (4)

Solution:
Before trying to create the video element, show the video container:
ICustomizedVideoContainer::Show()

Please add this to the documentation!

38

I created example illustrates how to implement Zoom Custom UI on WPF app. Can be found here: https://github.com/luferau/zoom-custom-ui-wpf

2 Likes
39

Please can you provide me with the code pieces about how to create a video container and customize UI in C#

40

Hey @ziad.mansour,

Thanks for using the dev forum!

Zoom does not actively support the C# wrapper, however, the interfaces are very similar in the C++ version. Here are the instructions to set one up in C++ https://marketplace.zoom.us/docs/sdk/native-sdks/windows/mastering-sdk/custom-ui-feature.

Thanks!
Michael