updated to web client sdk 1.9.7 and added registrant token example

zoom · Jul 22, 2021 · 0520afc · 0520afc
1 parent 07a7535
commit 0520afc
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 12 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "websdk-sample-vuejs",
-  "version": "1.9.6",
+  "version": "1.9.7",
   "private": true,
   "author": "Max Mansfield",
   "scripts": {

diff --git a/public/index.html b/public/index.html
@@ -7,20 +7,20 @@
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
 
-    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.9.6/css/bootstrap.css" />
-    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.9.6/css/react-select.css" />
+    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.9.7/css/bootstrap.css" />
+    <link type="text/css" rel="stylesheet" href="https://source.zoom.us/1.9.7/css/react-select.css" />
   </head>
   <body>
     <noscript>
       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
     <div id="app"></div>
-    <script src="https://source.zoom.us/1.9.6/lib/vendor/react.min.js"></script>
-    <script src="https://source.zoom.us/1.9.6/lib/vendor/react-dom.min.js"></script>
-    <script src="https://source.zoom.us/1.9.6/lib/vendor/redux.min.js"></script>
-    <script src="https://source.zoom.us/1.9.6/lib/vendor/redux-thunk.min.js"></script>
-    <script src="https://source.zoom.us/1.9.6/lib/vendor/lodash.min.js"></script>
-    <script src="https://source.zoom.us/zoom-meeting-1.9.6.min.js"></script>
+    <script src="https://source.zoom.us/1.9.7/lib/vendor/react.min.js"></script>
+    <script src="https://source.zoom.us/1.9.7/lib/vendor/react-dom.min.js"></script>
+    <script src="https://source.zoom.us/1.9.7/lib/vendor/redux.min.js"></script>
+    <script src="https://source.zoom.us/1.9.7/lib/vendor/redux-thunk.min.js"></script>
+    <script src="https://source.zoom.us/1.9.7/lib/vendor/lodash.min.js"></script>
+    <script src="https://source.zoom.us/zoom-meeting-1.9.7.min.js"></script>
     <!-- built files will be auto injected -->
   </body>
 </html>
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
@@ -11,9 +11,9 @@ import axios from "axios";
 export default {
   name: 'HelloWorld',
   created () {
-    this.ZoomMtg.setZoomJSLib('https://source.zoom.us/1.9.6/lib', '/av');
+    this.ZoomMtg.setZoomJSLib('https://source.zoom.us/1.9.7/lib', '/av');
     this.ZoomMtg.preLoadWasm();
-    this.ZoomMtg.prepareJssdk();
+    this.ZoomMtg.prepareWebSDK();
     // loads language files, also passes any error messages to the ui
     this.ZoomMtg.i18n.load('en-US');
     this.ZoomMtg.i18n.reload('en-US');
@@ -32,7 +32,11 @@ export default {
       role: 0,
       signatureEndpoint: "",
       userEmail: "",
-      userName: "Vue.js"
+      userName: "Vue.js",
+      // 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/build/meetings/join#join-registered
+      // Webinars: https://marketplace.zoom.us/docs/sdk/native-sdks/web/build/webinars/join#join-registered-webinar
+      registrantToken: ''
     }
   },
   methods: {
@@ -64,6 +68,7 @@ export default {
             apiKey: this.apiKey,
             userEmail: this.userEmail,
             passWord: this.passWord,
+            tk: this.registrantToken,
             success: (success) => {
               console.log(success);
             },