Angular Integration with JS Web SDK

Meeting SDK Web
43

Hi can you post your Complete source code here,
Thanks

44

Hey @digsoftech9,

What specific problem are you having?

Thanks,
Tommy

45

Hi, Tommy I am developing Angular app where i want the zoom features under my application, everything that zoom provides, And also when i integrated the zoom api i get a blank screen.

46

Hey @digsoftech9,

Can you check the browser console for errors and post back here?

Thanks,
Tommy

47

Hello Tommy, Thank you very much for your kind reply and helping attitude.I have a request for you to please make a full tutorial on Angular+ zoom , Since I am not aware of much functionalities of zoom.
I am developing website for client and he is already a paying customer to zoom but he want to integrate zoom in his website with the same functionality.
I hope you can help me in this regard.
Thanks

48

Hey @digsoftech9,

We will work on adding examples/tutorials in all the major frontend languages.

In the meantime, here is a basic tutorial on how to integrate the Web SDK with Angular.

Here is all the functionality of the Zoom Web SDK

https://marketplace.zoom.us/docs/sdk/native-sdks/web/reference

Thanks,
Tommy

49

Hi, Tommy I am getting the same black screen , i have the code as mentioned above. The Zoom SDK itself gets initiated creating a black screen over the existing angular application.

but when i uncheck all the styles of #zmmtg-root , the screen showing the my application elements such as menu , button etc

#zmmtg-root {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: black;
}

50

Hey @digsoftech9,

Are there any errors in the browser console?

Also please try increasing the Z-Index position of #zmmtg-root.

Thanks
Tommy

51

Hi, where could I find #zmmtg-root, in my html or css file?

Hi, I have solved the problem with black screen, thanks for you quick reply,

I have got one question:
My client who is a paying customer of zoom, he is a teacher actually, I am using zoom api in my application, so will it be possible if the teacher provide me the meeting number and i attend the meeting using my application? or do i also have to become paying customer in order to attend the meeting?

thanks

52

Hey @digsoftech9,

Happy to hear you got it working :slight_smile: May I ask how you fixed it?

This is generated in the DOM once the Web SDK initiates.

If you are joining the meeting and the teacher is the host, you do not need to be a paying customer.
This is possible with the Web SDK, and Zoom app.

Thanks,
Tommy

53

Hi tommy, I solved the black screen problem by just defining
body > #zmmtg-root {
display: none;

}

54

Hi Tommy, how could I design the page for The teacher , I mean the teacher wants to use my application to use zoom to arrange meetings. He Doesn’t want to open two website but one to arrange the meeting.

55

Hey @digsoftech9,

Happy to hear you got it working! :slight_smile:

You can use our APIs to schedule Zoom meetings, then display Zoom meetings.

Does that help?

Thanks,
Tommy

56

Hi,Tommy

It would be very much helpful if you could you help me with sample examples.
Thanks

57

Hey @digsoftech9,

In the links I shared above, there is sample requests, and code in the “Send a Test Request” section.

Thanks,
Tommy

58

30d, I don’t see resolve this bug. What happen with your team ???

59

I want frontend examples

60

Hey @digsoftech9,

I have an Angular example here for the Web SDK:

Thanks,
Tommy

61

Hey @ngoctl,

We are working on releasing a fix for the Start Video in mobile Safari for our January release.

Thanks for your patience,
Tommy

62

Hey @ngoctl,

We have fixed the issue, and it will be fixed in our upcoming release.

Thanks,
Tommy