import React from ‘react’;
import ‘./App.css’;
import ZoomMtgEmbedded from ‘@zoom/meetingsdk/embedded’;
function App() {
const client = ZoomMtgEmbedded.createClient();
var authEndpoint = ‘http://localhost:4000’
var sdkKey = ‘uYWmXG1kRvCOA6oQyJhIA’
var meetingNumber = 82142336392
var passWord = ‘jFsq60’
var role = 1
var userName = ‘React’
var userEmail = ‘ajay.blackwolve@gmail.com’
// var registrantToken = ‘’
// var zakToken = ‘’
function getSignature(e) {
e.preventDefault();
fetch(authEndpoint, {
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) {
let meetingSDKElement = document.getElementById('meetingSDKElement');
client.init({zoomAppRoot: meetingSDKElement, language: 'en-US', patchJsMedia: true}).then(() => {
client.join({
signature: signature,
sdkKey: sdkKey,
meetingNumber: meetingNumber,
password: passWord,
userName: userName,
userEmail: userEmail,
// tk: registrantToken,
// zak: zakToken
}).then(() => {
console.log('joined successfully')
}).catch((error) => {
console.log(error)
})
}).catch((error) => {
console.log(error)
})
}
return (
Zoom Meeting SDK Sample React
{/* For Component View */}
<div id="meetingSDKElement">
{/* Zoom Meeting SDK Component View Rendered Here */}
</div>
<button onClick={getSignature}>Join Meeting</button>
</main>
</div>
);
}
export default App;