Skip to content

Commit

Permalink
updating to 2.10.0
Browse files Browse the repository at this point in the history
  • Loading branch information
tommygaessler committed Feb 28, 2023
1 parent 42d17e4 commit dd58c2c
Showing 4 changed files with 37 additions and 32 deletions.
17 changes: 9 additions & 8 deletions README.md
Original file line number Diff line number Diff line change
@@ -26,28 +26,29 @@ To get started, clone the repo:

| Variable | Description |
| -----------------------|-------------|
| signatureEndpoint | Required, the endpoint url that returns a signature. [Get a signature endpoint here.](https://github.com/zoom/meetingsdk-sample-signature-node.js) |
| sdkKey | Required, your Zoom SDK App Key. [You can get yours here](https://marketplace.zoom.us/develop/create). |
| authEndpoint | Required, your Meeting SDK auth endpoint that secuerly generates a Meeting SDK JWT. [Get a Meeting SDK auth endpoint here.](https://github.com/zoom/meetingsdk-sample-signature-node.js) |
| sdkKey | Required, your Zoom Meeting SDK Key or Client ID for Meeting SDK app type's created after February 11, 2023. [You can get yours here](https://marketplace.zoom.us/develop/create). |
| meetingNumber | Required, the Zoom Meeting or webinar number. |
| passWord | Optional, meeting password. Leave as empty string if the meeting does not require a password. |
| role | Required, `0` to specify participant, `1` to specify host. |
| leaveUrl | Required, the url the user is taken to once the meeting is over. |
| userName | Required, a name for the user joining / starting the meeting / webinar. |
| userEmail | Required for Webinar, optional for Meeting, required for meeting and webinar if [registration is required]([registration](https://support.zoom.us/hc/en-us/articles/360054446052-Managing-meeting-and-webinar-registration)). The email of the user starting or joining the meeting / webinar. |
| passWord | Optional, meeting password. Leave as empty string if the meeting does not require a password. |
| registrantToken | Required if your [meeting](https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/meetings#join-registered) or [webinar](https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/webinars) requires [registration](https://support.zoom.us/hc/en-us/articles/360054446052-Managing-meeting-and-webinar-registration). |
| zakToken | Required to start meetings or webinars on external Zoom user's behalf, the [authorized Zoom user's ZAK token](https://marketplace.zoom.us/docs/sdk/native-sdks/auth/). |
| leaveUrl | Required for Client View, the url the user is taken to once the meeting is over. |

Example:

```js
var signatureEndpoint = 'http://localhost:4000'
var authEndpoint = 'http://localhost:4000'
var sdkKey = 'abc123'
var meetingNumber = '123456789'
var passWord = ''
var role = 0
var leaveUrl = 'https://zoom.us'
var userName = 'JavaScript'
var userEmail = ''
var passWord = ''
var registrantToken = ''
var leaveUrl = 'https://zoom.us'
```

1. Save `client-view.js`. (Or `component-view.js` if using Component View.)
@@ -62,7 +63,7 @@ To get started, clone the repo:

### Component View

![Zoom Meeting SDK Component View](https://marketplace.zoom.us/docs/static/msdk-web-component-view-220cc5d1221312f8363cdb58405c0c23.gif)
![Zoom Meeting SDK Component View](https://marketplace.zoom.us/docs/static/msdk-web-component-view-64311bbbf32eaddfc2f3fac6e89928df.gif)

Learn more about [Gallery View requirements](https://marketplace.zoom.us/docs/sdk/overview/improve-performance) and [see more product screenshots](https://marketplace.zoom.us/docs/sdk/overview/improve-performance#sharedarraybuffer-ui-differences).

16 changes: 9 additions & 7 deletions client-view.js
Original file line number Diff line number Diff line change
@@ -1,27 +1,28 @@
ZoomMtg.setZoomJSLib('https://source.zoom.us/2.9.7/lib', '/av')
ZoomMtg.setZoomJSLib('https://source.zoom.us/2.10.0/lib', '/av')

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

// setup your signature endpoint here: https://github.com/zoom/meetingsdk-sample-signature-node.js
var signatureEndpoint = ''
// setup your Meeting SDK auth endpoint here: https://github.com/zoom/meetingsdk-sample-signature-node.js
var authEndpoint = ''
var sdkKey = ''
var meetingNumber = '123456789'
var passWord = ''
var role = 0
var leaveUrl = 'http://localhost:8080'
var userName = 'JavaScript'
var userEmail = ''
var passWord = ''
// pass in the registrant's token if your meeting or webinar requires registration. More info here:
// Meetings: https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/meetings#join-meeting-with-registration-required
// Webinars: https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/webinars#join-webinar-with-registration-required
var registrantToken = ''
var zakToken = ''
var leaveUrl = 'https://zoom.us'

function getSignature() {
fetch(signatureEndpoint, {
fetch(authEndpoint, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
@@ -52,10 +53,11 @@ function startMeeting(signature) {
signature: signature,
sdkKey: sdkKey,
meetingNumber: meetingNumber,
passWord: passWord,
userName: userName,
userEmail: userEmail,
passWord: passWord,
tk: registrantToken,
zak: zakToken,
success: (success) => {
console.log(success)
},
18 changes: 10 additions & 8 deletions component-view.js
Original file line number Diff line number Diff line change
@@ -2,26 +2,27 @@ const client = ZoomMtgEmbedded.createClient()

let meetingSDKElement = document.getElementById('meetingSDKElement')

// setup your signature endpoint here: https://github.com/zoom/meetingsdk-sample-signature-node.js
var signatureEndpoint = ''
// setup your Meeting SDK auth endpoint here: https://github.com/zoom/meetingsdk-sample-signature-node.js
var authEndpoint = ''
var sdkKey = ''
var meetingNumber = '123456789'
var passWord = ''
var role = 0
var userName = 'JavaScript'
var userEmail = ''
var passWord = ''
// pass in the registrant's token if your meeting or webinar requires registration. More info here:
// Meetings: https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/meetings#join-meeting-with-registration-required
// Webinars: https://marketplace.zoom.us/docs/sdk/native-sdks/web/component-view/webinars#join-webinar-with-registration-required
// Meetings: https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/meetings#join-meeting-with-registration-required
// Webinars: https://marketplace.zoom.us/docs/sdk/native-sdks/web/client-view/webinars#join-webinar-with-registration-required
var registrantToken = ''
var zakToken = ''

client.init({
zoomAppRoot: meetingSDKElement,
language: 'en-US',
})

function getSignature() {
fetch(signatureEndpoint, {
fetch(authEndpoint, {
method: 'POST',
headers: {
'Content-Type': 'application/json'
@@ -42,12 +43,13 @@ function getSignature() {

function startMeeting(signature) {
client.join({
sdkKey: sdkKey,
signature: signature,
sdkKey: sdkKey,
meetingNumber: meetingNumber,
password: passWord,
userName: userName,
userEmail: userEmail,
tk: registrantToken
tk: registrantToken,
zak: zakToken
})
}
18 changes: 9 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
@@ -5,8 +5,8 @@
<title>Zoom Meeting SDK Sample JavaScript</title>

<!-- For Client View -->
<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" />
<link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.10.0/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="https://source.zoom.us/2.10.0/css/react-select.css" />

<link rel="stylesheet" href="styles.css">

@@ -29,18 +29,18 @@ <h1>Zoom Meeting SDK Sample JavaScript</h1>
</main>

<!-- For Component and Client 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>
<script src="https://source.zoom.us/2.10.0/lib/vendor/react.min.js"></script>
<script src="https://source.zoom.us/2.10.0/lib/vendor/react-dom.min.js"></script>
<script src="https://source.zoom.us/2.10.0/lib/vendor/redux.min.js"></script>
<script src="https://source.zoom.us/2.10.0/lib/vendor/redux-thunk.min.js"></script>
<script src="https://source.zoom.us/2.10.0/lib/vendor/lodash.min.js"></script>

<!-- For Client View -->
<script src="https://source.zoom.us/zoom-meeting-2.9.7.min.js"></script>
<script src="https://source.zoom.us/zoom-meeting-2.10.0.min.js"></script>
<script type="text/javascript" src="client-view.js"></script>

<!-- For Component View -->
<!-- <script src="https://source.zoom.us/2.9.7/zoom-meeting-embedded-2.9.7.min.js"></script> -->
<!-- <script src="https://source.zoom.us/2.10.0/zoom-meeting-embedded-2.10.0.min.js"></script> -->
<!-- <script type="text/javascript" src="component-view.js"></script> -->

</body>

0 comments on commit dd58c2c

Please sign in to comment.