一、下載Zoom Web Client SDK:

下載地址：https://github.com/zoom/sample-app-web（請先下載安裝NodeJS）

或直接執行下面的命令下載安裝並執行Zoom Web Client SDK：

git clone https://github.com/zoom/sample-app-web.git --branch master --depth 1cd sample-app-web/CDNnpm installnpm run https

提示：在伺服器上必須使用npm run https命令啟動服務，否則將無法呼叫麥克風和攝像頭。本地測試環境可以使用npm run start命令啟動服務。

二、配置Web Client SDK:

首先你需要購買一個Zoom Pro版的帳號，然後登入你的Zoom帳號，訪問：https://marketplace.zoom.us/user/build

在這個介面你將得到兩個引數：API Key和API Secret

然後開啟下載的Zoom Web Client SDK程式碼資料夾，編輯sample-app-web\CDN\js\index.js檔案，然後將Zoom後臺得到的API Key 和 API Secret分別填寫到API_KEY和API_SECRET。如下圖：

繼續編輯sample-app-web\CDN\meeting.html頁面：

新增紅色框中的程式碼，用於隱藏會議介面上關於會議的資訊。

設定好之後，服務會自動重啟，然後開啟瀏覽器訪問：http://localhost:9999

關於部署Zoom Web Client SDK，也可以參考：https://marketplace.zoom.us/docs/sdk/native-sdks/web

三、註冊並登入DRM-X 4.0帳號：

訪問https://www.drm-x.com/Fees-Compare-4.0.aspx 註冊90天免費試用帳號。註冊成功之後，訪問 https://4.drm-x.cn 登入到DRM-X 4.0管理後臺。

四、加密保護Zoom Web SDK頁面：

登入DRM-X 4.0帳號後，點選左側選單中的“加密檔案”，根據要求，一步一步操作完成加密前的配置工作。在第四步：線上加密檔案中，下載Xvast加密客戶端（zip檔案），下載完成後將下載的zip檔案解壓縮，把裡面的兩個檔案複製到Xvast的安裝目錄下。

你將看到加密檔案的介面。第一步：在輸出檔案的下拉框中選擇“新增新輸出資料夾”，選擇加密後網頁所在的資料夾。第二步：取消 “在檔名新增_P”的選擇。

如下圖：

第三步：點選“瀏覽檔案…”按鈕，在選擇檔案介面的右下角選擇“HTML檔案和web資源”。第四步：我們需要對使用者訪問的Web Client SDK頁面進行加密，檔案包含CDN資料夾裡的index.html, meeting.html和CDN/js資料夾裡的index.js。參考下圖：

加密之後，我們需要把加密檔案進行替換（替換之前請務必做好原始檔的備份！），首先替換index.html和meeting.html檔案。然後替換js資料夾裡的index.js檔案。

五、訪問加密後的Zoom Web Client SDK頁面：

最後我們使用Xvast瀏覽器訪問http://localhost:9999，在登入獲取許可證的視窗輸入使用者名稱和密碼獲取許可證。（預設的使用者名稱：testuser 密碼：123456）。

登入並獲取許可證後，將會跳轉到進入會議的介面。

當然你也可以對該index.html原始檔進行樣式修改，修改後請重新加密並替換該檔案。

下圖是修改後的加入會議頁面效果，或者你也可以取消加入會議的介面，直接跟你的網站整合，自動獲取使用者的使用者名稱並加入會議，如有需要請參考：如何將Zoom Web Client SDK和你的網站整合？

建議會議主講人使用Zoom桌面客戶端開啟會議。

當你測試這一切都工作正常之後，請上傳Zoom Web Client SDK程式碼到你的伺服器上進行部署。你也可以透過深度修改將Zoom Meeting做到自己的網站上。

加密安全性說明: DRM-X 4.0僅對Zoom Web SDK網頁加密，使得使用者必須用Xvast訪問Zoom會議，因此支援DRM-X 4.0智慧防翻錄、水印等多種功能。但DRM-X 4.0並沒有對影片會議傳輸的影片資料進行加密，影片會議的本身安全是由Zoom負責。