Reactjs with SDK

tommy · February 26, 2021, 9:26pm

Good question, you can reference the Angular or React sample apps to see how to display the Web SDK when desired. Example:

github.com

zoom/meetingsdk-react-sample/blob/master/src/index.css#L14


      
              'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
              sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
          }
          
          html, body {
            min-width: 0 !important;
          }
          
          #zmmtg-root {
            display: none;
            min-width: 0 !important;
          }

github.com

zoom/meetingsdk-react-sample/blob/master/src/App.js#L41


      
              method: 'POST',
              headers: { 'Content-Type': 'application/json' },
              body: JSON.stringify({
                meetingNumber: meetingNumber,
                role: role
              })
            }).then(res => res.json())
            .then(response => {
              startMeeting(response.signature)
            }).catch(error => {
              console.error(error)
            })
          }
          
          function startMeeting(signature) {
            document.getElementById('zmmtg-root').style.display = 'block'
          
            ZoomMtg.init({
              leaveUrl: leaveUrl,
              success: (success) => {
                console.log(success)

You can also checkout another suggestion I mentioned here:

Let me know if you need more help.

Thanks,
Tommy

Topic		Replies	Views
Embed Web SDK on Page as a Componet Meetings api	1	150	January 11, 2023
Integrate Meeting SDK on a web page Meeting SDK	11	607	February 14, 2023
Integrating websdk in new create react app Web	13	4995	March 16, 2021
Styling Issue Web SDK Web	2	923	February 25, 2021
Web SDK Styles loading issues Web	4	1364	August 21, 2020

Reactjs with SDK

Related Topics