ReactJS with Zoom WebSDK Integration

[@learnwithnak]

Webex Integration is here -> kzbin.info/aero/PLtCPInQA1B7vPYN-rTn3CSe_s6AJXNdQS, Vimeo Integration Playlist will be found here -> kzbin.info/aero/PLtCPInQA1B7vye5fuqPr7zP12tg7GqOJ3. Please hit like, subscribe and bell icon. Thanks

[@sritam108]

@learnwithnak this is not responsive for mobile

[@patelmonil7649]

useEffect with async ??? are you using older version

[@learnwithnak]

@Patel Monil Can you please share more details about your query or connect to our FB or Whatsapp group. Thanks

[@gabrudude3]

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.

[@learnwithnak]

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.

[@Jothijagadeesh]

Thank you for your quick response. I done subscribed & click on the bell icon also

[@learnwithnak]

@jothi jagadeesha Welcome & Thanks

[@zeeshanahmadkhalil8920]

Did you added credit card to enable "Zoom for developers" first?

[@learnwithnak]

@zeeshanahmadkhalil8920 Hope you will be fine. Nope. Any query still please connect to our WhatsApp community for prompt responses. Thanks

[@prabhuswamynathan]

Hi do you have any video For zoom meeting sdk integration as well. (looking for react native)

[@learnwithnak]

@prabhuswamynathan Hope you will be fine here is that -> kzbin.info/www/bejne/sJKsmXyVd79-gNE

[@SudhanshuSharma-e5e]

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.

[@learnwithnak]

Please share browse console screenshot to our WhatsApp Community. Thanks

[@SudhanshuSharma-e5e]

​@@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🙌

[@SudhanshuSharma-e5e]

@@learnwithnak use in "react": "18.2.0", "next": "13.3.1",

[@fearlesstaurus1585]

in my app credentials i only get clientid and secret there is no sdk key or secret, where can i find it, please reply asap.Thank you

[@learnwithnak]

@fearlesstaurus1585 I hope you are well. Please continue to use the client ID and secret, and under App Embed, enable the Meeting SDK.

[@fearlesstaurus1585]

@@learnwithnak i am stuck with infinite loading with your solution and so i tried meetingsdk from react sample github copy pasted everything and its need zak and registrantion token which i am not able to find

[@fearlesstaurus1585]

now i am getting this error Uncaught ReferenceError: JsMediaSDK_Instance is not defined

[@fearlesstaurus1585]

now i able to join meeting but i amgetting this error Uncaught TypeError: m.AK.connectSocket is not a function

[@amalenduguru2456]

is recording the meeting possible with this source code?

[@learnwithnak]

@amalenduguru2456 Only cloud recording is possible using WebSDK. For local recording you need Native Meeting SDK Integration.

[@muhamadagung2534]

​@@learnwithnakthere is tutorial of recording zoom ? 🙏🏻

[@cynthiafernandes5345]

Is it same with the zoomVideo library

[@learnwithnak]

@Cynthia Fernandes you are mentioning about Video WebSDK integration with Zoom? Or NextJS/ReactJS

[@namratamahajan446]

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

[@learnwithnak]

Yes, please follow the video & if any query still then share. Thanks & Welcome

[@namratamahajan446]

@@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').

[@mr.artist486]

how to reduce the size of zoom meet window?

[@learnwithnak]

Please customize that by applying custom .css

[@ISInterns]

how we can galary view buton in this existing code

[@learnwithnak]

@IS Interns Hope you will be fine. You need to enable gallery view first. Watch the session here -> kzbin.info/www/bejne/o4moqWWjo56qqNE or kzbin.info/www/bejne/aHfPeqGkpL6Cobs

[@MohanSingh-jc2he]

hello sir how can integrate zoom web sdk that as host start the meeting from frentend nextjs

[@MohanSingh-jc2he]

and one more that close button is not working

[@learnwithnak]

@Mohan Singh Hi, Please watch the WebSDK NextJS Session Here -> kzbin.info/www/bejne/o6jXkmeej7SnpsU & set role:1for starting the meeting.

[@learnwithnak]

@@MohanSingh-jc2he Please connect here -> web.facebook.com/learnwithnak & share a screenshot after click not working from Browser dev tools -> console tab.

[@mariaeduardaduda5234]

How I make this in react expo?? Please help 🙏🏽 😢

[@learnwithnak]

@mariaeduardaduda5234 Please connect to our WhatsApp community for prompt replies. Thanks

[@홍태규-b2s]

Is it Impossible without meeting number ? i want to create a meeting with meeting sdk. but i can't find that way :(.....

[@learnwithnak]

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.

[@learnwithnak]

-> kzbin.info/www/bejne/aqiziJSgiaqdrqc

Hi! i use zoom/videosdk but participant not showing in canvas. Please help me

[@learnwithnak]

@UmitUnvernet how you are binding/rendering participants from Video SDK to UI?. Please join discord or WhatsApp group. Thanks

[@omurkanabaskanov6788]

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.

[@learnwithnak]

@Omurkan Abaskanov Thanks for your suggestions.

[@Jothijagadeesh]

Hi can you please share the next video for customization. Like add logo, change the design and gallery view.

[@learnwithnak]

@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

[@aishwaryakhatri]

@@learnwithnak Has this video been uploaded?

[@kunjpatel457]

i am get this error mac key shall be specified for HS* alg

[@learnwithnak]

@kunjpatel457 Hope you will be fine. Please join our WhatsApp community for prompt answers to your queries. Thanks

[@vijayakandi4942]

Getting Joining Meeting timeout while join from participant

[@learnwithnak]

@vijaya kandi Hope you will be fine. Any console error or log?. If possible then connect us via our FB or WhatsApp. Thanks

[@rushikeshgavali1057]

did you solved the error if yes then how ?

[@rushikeshgavali1057]

i am getting an error it is showing signature is invalid

[@rushikeshgavali1057]

at handleError (localhost:3000/static/js/bundle.js:46271:58) at localhost:3000/static/js/bundle.js:46294:7

[@learnwithnak]

@rushikeshgavali1057 Hope you will be fine. Please verify that you have correct Meeting SDK Creds & following session correctly. Thanks

[@TheCloudShepherd]

Masterful.

[@learnwithnak]

Thanks, please connect to our WhatsApp community if you have any query.

[@polartic2057]

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

[@learnwithnak]

Glad it helped, Will upload VueJS version soon. Thanks

[@learnwithnak]

@Polartic hope you will be fine. Here is VueJS with Zoom Integration -> kzbin.info/www/bejne/eX7Tlmhsi9SHitE

[@AdityaPuri-v3o]

not working giving error?

[@learnwithnak]

Can you please share more context about your query?

[@Gabriel-tp8tj]

Perfect dude, ty

[@learnwithnak]

Glad it helped!

[@babu32123]

Bro error showing signature is invalid

[@learnwithnak]

@Mhd Thwaha We sorted your issue. Welcome & Thanks

[@babu32123]

@@learnwithnak thanks 😍

[@rushikeshgavali1057]

@@babu32123 how did you solved the error

[@anouar1236]

Thank you for help

[@learnwithnak]

Welcome & Thanks

[@WarfaceConstantine]

Loving it !

[@learnwithnak]

Thanks.

[@oncayt8831]

i have an error

[@learnwithnak]

Hope you will be fine. Please share that error.

[@DavidGhouzi]

how to join your discord channel?/ whatsapp group?

[@learnwithnak]

Hope you will be fine. WhatsApp: chat.whatsapp.com/IA8Mh5iaFysLQZuI5DmfQC

[@gungunpanchal3202]

is it completly free??

[@learnwithnak]

@gungunpanchal3202 Hope you will be fine. Can you please share more context about your query? Thanks

[@web_hub]

source code please

[@learnwithnak]

@web_hub Hope you will be fine. Please join our WhatsApp community for prompt answers to your queries. Thanks

[@web_hub]

can you send me link, please ? @@learnwithnak

[@yalcinozer4434]

This is client side my friend. "Secret" shouldn't be in here.

[@learnwithnak]

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

[@aleksandrnikitin7360]

ok

[@learnwithnak]

@Aleksandr Nikitin Thanks

[@preethibabu4415]

Hyy I am getting a error of signature invalid.? How could i resolve it?

[@learnwithnak]

@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

[@rushikeshgavali1057]

did you solved the error ? is yes then how ?