Hello,
I’m using zoom meeting sdk and I cannot find a way to use leaveMeeting() function. Neither I am able to find in the documentation that where can I can add functionality to the end meeting button. Is there a way i can add custom functionality after clicking the end meeting button?
My code is given below:
import React from “react”;
import ZoomMtgEmbedded from “@zoomus/websdk/embedded”;
import “./App.css”;
import { useSelector } from “react-redux”;
import $ from “jquery”;
function App() {
const meetingInfo = useSelector((state) => state.scheduleMeeting.meeting);
const client = ZoomMtgEmbedded.createClient();
var authEndpoint = “my_end_point”;
// This sample app has been updated to use Meeting SDK credentials https://marketplace.zoom.us/docs/guides/build/sdk-app
var sdkKey = “my_key”;
var meetingNumber = meetingInfo.meeting_id.toString();
var passWord = “”;
var role = 0;
var userName = “React”;
var userEmail = “”;
var registrantToken = “”;
var zakToken = “”;
var startBot = my_ai_bot" meeting_id=${meetingInfo.meeting_id.toString()}
;
var callCount = 1;
const callBot = () => {
fetch(startBot, {
method: “GET”,
headers: { “Content-Type”: “application/json” },
}).then((res) => res.json());
};
function getSignature() {
// 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);
if (callCount === 1) {
callBot();
callCount += 1;
}
})
.catch((error) => {
console.error(error);
});
}
function startMeeting(signature) {
let meetingSDKElement = document.getElementById(“meetingSDKElement”);
client.init({
debug: true,
zoomAppRoot: meetingSDKElement,
language: "en-US",
customize: {
meetingInfo: [
"topic",
"host",
"mn",
"pwd",
"telPwd",
"invite",
"participant",
"dc",
"enctype",
],
toolbar: {
buttons: [
{
text: "Custom Button",
className: "CustomButton",
onClick: () => {
console.log("custom button");
},
},
],
},
video: {
isResizable: false,
viewSizes: {
default: {
width: meetingSDKElement.clientWidth,
height: meetingSDKElement.clientHeight + 100,
},
ribbon: {
width: meetingSDKElement.clientWidth,
height: meetingSDKElement.clientHeight + 100,
},
},
},
},
});
client.join({
signature: signature,
sdkKey: sdkKey,
meetingNumber: meetingNumber,
password: passWord,
userName: userName,
userEmail: userEmail,
tk: registrantToken,
zak: meetingInfo.zak,
});
}
React.useEffect(() => {
getSignature();
$(“#meetingSDKElement”).on(“remove”, function () {
alert(“Element was removed”);
});
$("#zoom").on("remove", function () {
alert("Element was removed zoom zoom zoom");
});
}, );
return (
{/* For Component View /}
{/ Zoom Meeting SDK Component View Rendered Here */}
{/* <button onClick={getSignature}>Join Meeting</button> */}
</div>
);
}
export default App;