Description
Hello there,
I wanted people to be able to join meetings through a HTML web page, I have tried this simple app and it is working fine[GitHub - zoom/meetingsdk-web-sample: Zoom Meeting SDK Web Sample App], the thing I did not like about the sample app is it requires people to enter information which I do not I just need people to press a “Join” button and go directly to the meeting I hold in my web page.
Note: I went through the Meeting SDK doc and a lot of blogs, but undoubtingly I could not find the solution.
I hope you can help as it has been over a week and I still could not find the solution.
Many thanks in advance
This is the code:
<!DOCTYPE html>
<html lang="en">
<head>
<link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.9.7/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.9.7/css/react-select.css" />
<style>
/* To show */
#zmmtg-root {
display: block;
}
</style>
</head>
<body>
<!-- Dependencies for client view and component view -->
<script src="https://source.zoom.us/2.9.7/lib/vendor/react.min.js"></script>
<script src="https://source.zoom.us/2.9.7/lib/vendor/react-dom.min.js"></script>
<script src="https://source.zoom.us/2.9.7/lib/vendor/redux.min.js"></script>
<script src="https://source.zoom.us/2.9.7/lib/vendor/redux-thunk.min.js"></script>
<script src="https://source.zoom.us/2.9.7/lib/vendor/lodash.min.js"></script>
<!-- CDN for client view -->
<script src="https://source.zoom.us/zoom-meeting-2.9.7.min.js"></script>
<!-- CDN for component view -->
<script src="https://source.zoom.us/zoom-meeting-embedded-2.9.7.min.js"></script>
<script>
// Global CDN, use source.zoom.us:
ZoomMtg.setZoomJSLib('https://source.zoom.us/2.9.7/lib', '/av')
// loads dependent assets
ZoomMtg.preLoadWasm()
ZoomMtg.prepareWebSDK()
// loads language files, also passes any error messages to the ui
ZoomMtg.i18n.load('en-US')
ZoomMtg.i18n.reload('en-US')
</script>
<script>
ZoomMtg.init({
leaveUrl: 'https://zoom.us', // https://example.com/thanks-for-joining
success: (success) => {
ZoomMtg.join({
sdkKey: 'LGq3Hsxu4viYotYOqXpncXWFyzvFFbu3ljz2',
//signature: '', // role in SDK signature needs to be 0
meetingNumber: '84213248100',
passWord: '',
userName: '',
success: (success) => {
console.log(success)
},
error: (error) => {
console.log(error)
}
})
},
error: (error) => {
console.log(error)
}
})
</script>
<!-- added on import -->
<div id="zmmtg-root"></div>
<div id="aria-notify-area"></div>
<!-- added on meeting init -->
<div class="ReactModalPortal"></div>
<div class="ReactModalPortal"></div>
<div class="ReactModalPortal"></div>
<div class="ReactModalPortal"></div>
<div class="global-pop-up-box"></div>
<div class="sharer-controlbar-container sharer-controlbar-container--hidden"></div>
</body>
</html>
Thank you Mr Naeem for your replay
I have tried your tutorial and I could not complete it because the code did not show the meeting video in the first place.
I did watch this video https://www.youtube.com/watch?v=zaIhI_BZKJo
could share the code of that video?
I have watched it more than one time, as I told you Sr I did not get the meeting video frame which is why I did not complete the whole code and I think you do not need sdk and other arguments just to show the frame of the meeting
This is the meeting video frame that I did not show on my page it is just a black screen
all are valid.