Angular Integration with JS Web SDK

Hi can you post your Complete source code here,
Thanks

Hey @digsoftech9,

What specific problem are you having?

Thanks,
Tommy

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.

Hey @digsoftech9,

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

Thanks,
Tommy

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

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

Thanks,
Tommy

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;
}

Hey @digsoftech9,

Are there any errors in the browser console?

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

Thanks
Tommy

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

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

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

}

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.

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

Hi,Tommy

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

Hey @digsoftech9,

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

Thanks,
Tommy

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

I want frontend examples

Hey @digsoftech9,

I have an Angular example here for the Web SDK:

Thanks,
Tommy

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

Hey @ngoctl,

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

Thanks,
Tommy