ReactJS with Zoom WebSDK Integration
ฝัง
- เผยแพร่เมื่อ 7 ต.ค. 2024
- In this session, you will learn how to integrate zoom web SDK within the ReactJS component.
#zoom #zoomapi #zoommeetingsdk #zoomsdk #zoomintegration #zoomwebsdk #zoomapp #zoomwebsdk
#zoomwithreactjs
#reactjs
#zoomintegrationwithreactjs
#zoomintegrationwithreact
#zoomwebsdkintegrationwithreact
#zoomwebsdkintegrationwithreactjs
#meetingcomponentreactjs
Join Us
@learnwithnak
/ learnwithnak
chat.whatsapp....
Webex Integration is here -> th-cam.com/play/PLtCPInQA1B7vPYN-rTn3CSe_s6AJXNdQS.html, Vimeo Integration Playlist will be found here -> th-cam.com/play/PLtCPInQA1B7vye5fuqPr7zP12tg7GqOJ3.html. Please hit like, subscribe and bell icon. Thanks
@learnwithnak this is not responsive for mobile
Thank you for your quick response. I done subscribed & click on the bell icon also
@jothi jagadeesha Welcome & Thanks
useEffect with async ??? are you using older version
@Patel Monil Can you please share more details about your query or connect to our FB or Whatsapp group. Thanks
Great video! Thanks for sharing. I have q quick question about my website scenario. The website has a chat feature and site visitors can provide their email and phone number and chat with one of our agents. When user click on the button "Talk to agent", is it possible to create a meeting, start the meeting and add both user and agent to the meeting without sending user a zoom meeting link to click? We already have agent's email and phone numbers in DB.
Hope you will be fine. Yes you need to use your custom WebHooks on both end to trigger the meeting join without and further actions. But you can also integrate Zoom IM Chat. For more please connect to our WhatsApp community.
Did you added credit card to enable "Zoom for developers" first?
@zeeshanahmadkhalil8920 Hope you will be fine. Nope. Any query still please connect to our WhatsApp community for prompt responses. Thanks
Good job! Let me request you in a big way. Pls, change to dark theme and make the font larger. It is quite difficult now to follow along.
@Omurkan Abaskanov Thanks for your suggestions.
Masterful.
Thanks, please connect to our WhatsApp community if you have any query.
Perfect dude, ty
Glad it helped!
Hi do you have any video For zoom meeting sdk integration as well. (looking for react native)
@prabhuswamynathan Hope you will be fine here is that -> th-cam.com/video/zaIhI_BZKJo/w-d-xo.html
Hi! i use zoom/videosdk but participant not showing in canvas. Please help me
@UmitUnvernet how you are binding/rendering participants from Video SDK to UI?. Please join discord or WhatsApp group. Thanks
Is it same with the zoomVideo library
@Cynthia Fernandes you are mentioning about Video WebSDK integration with Zoom? Or NextJS/ReactJS
is recording the meeting possible with this source code?
@amalenduguru2456 Only cloud recording is possible using WebSDK. For local recording you need Native Meeting SDK Integration.
@@learnwithnakthere is tutorial of recording zoom ? 🙏🏻
facing
issue with joining a meeting after clicking the "Join" button. The message mentions that clicking the "Join" button results in a preview value (zm_previewVal) of 7, but the meeting is not joining, and it continues loading.
Please share browse console screenshot to our WhatsApp Community. Thanks
@@learnwithnak meeting join success-full Thank u & issue is ZoomMtg.join credentials define in wrong format but facing is other issue leave button is not working in client view component view working fine🙌
@@learnwithnak use in "react": "18.2.0", "next": "13.3.1",
Loving it !
Thanks.
Thank you for help
Welcome & Thanks
Is it Impossible without meeting number ? i want to create a meeting with meeting sdk. but i can't find that way :(.....
Nope, if you need to create sessions without number then use Zoom Video SDK. You can't create meetings using Meeting SDK. For that you need to use Zoom REST APIs. Here you can watch how to create Zoom Meeting? using REST API.
-> th-cam.com/video/4wPWajTEjxE/w-d-xo.html
Hi can you please share the next video for customization. Like add logo, change the design and gallery view.
@jothi jagadeesha Hope you will be fine. Sure will upload that soon. Please don't forget to subscribe & click on the bell icon so that you will never miss upload notifications. Thanks
@@learnwithnak Has this video been uploaded?
how we can galary view buton in this existing code
@IS Interns Hope you will be fine. You need to enable gallery view first. Watch the session here -> th-cam.com/video/mXEx2mn9wro/w-d-xo.html or th-cam.com/video/2FlInnoYOkY/w-d-xo.html
Great job dude, i love it damm help me a lot ! if u know how to do it in VueJS do a vid too will help a lot of ppl around the world ty
Glad it helped, Will upload VueJS version soon. Thanks
@Polartic hope you will be fine. Here is VueJS with Zoom Integration -> th-cam.com/video/CMpe56VoTTo/w-d-xo.html
how to reduce the size of zoom meet window?
Please customize that by applying custom .css
@learnwithnak
Need a urgent help I have video sdk account can I use above step to integrate video sdk in my react js website??
Please help me.
Yes, please follow the video & if any query still then share. Thanks & Welcome
@@learnwithnak
As per suggestion i am following all step with my video sdk credentials but getting error like ncaught (in promise) TypeError: Cannot read properties of undefined (reading 'setZoomJSLib').
How I make this in react expo?? Please help 🙏🏽 😢
@mariaeduardaduda5234 Please connect to our WhatsApp community for prompt replies. Thanks
Getting Joining Meeting timeout while join from participant
@vijaya kandi Hope you will be fine. Any console error or log?. If possible then connect us via our FB or WhatsApp. Thanks
did you solved the error if yes then how ?
i am getting an error it is showing signature is invalid
at handleError (localhost:3000/static/js/bundle.js:46271:58)
at localhost:3000/static/js/bundle.js:46294:7
@rushikeshgavali1057 Hope you will be fine. Please verify that you have correct Meeting SDK Creds & following session correctly. Thanks
hello sir
how can integrate zoom web sdk that as host start the meeting from frentend nextjs
and one more that close button is not working
@Mohan Singh Hi, Please watch the WebSDK NextJS Session Here -> th-cam.com/video/mwta4hZOtpc/w-d-xo.html & set role:1for starting the meeting.
@@MohanSingh-jc2he Please connect here -> web.facebook.com/learnwithnak & share a screenshot after click not working from Browser dev tools -> console tab.
i am get this error mac key shall be specified for HS* alg
@kunjpatel457 Hope you will be fine. Please join our WhatsApp community for prompt answers to your queries. Thanks
not working giving error?
Can you please share more context about your query?
is it completly free??
@gungunpanchal3202 Hope you will be fine. Can you please share more context about your query? Thanks
Bro error showing signature is invalid
@Mhd Thwaha We sorted your issue. Welcome & Thanks
@@learnwithnak thanks 😍
@@babu32123 how did you solved the error
i have an error
Hope you will be fine. Please share that error.
This is client side my friend. "Secret" shouldn't be in here.
@yalcinozer4434 Yes, your are right. But this session is simplified as possible that's why there is no any REST API endpoint to keep the secret at server side. You can watch our other sessions using NextJS where signature is generated server side.
source code please
@web_hub Hope you will be fine. Please join our WhatsApp community for prompt answers to your queries. Thanks
can you send me link, please ?
@@learnwithnak
ok
@Aleksandr Nikitin Thanks
how to join your discord channel?/ whatsapp group?
Hope you will be fine. WhatsApp: chat.whatsapp.com/IA8Mh5iaFysLQZuI5DmfQC
Hyy I am getting a error of signature invalid.? How could i resolve it?
@Preethi Babu Hope you will be fine. Please verify that you have correct SDK Creds. If still issue persists then connect us via WhatsApp or FB. Thanks
did you solved the error ? is yes then how ?