或直接执行下面的命令下载安装并运行Zoom Web Client SDK:

git clone https://github.com/zoom/sample-app-web.git --

branch master --depth 1

cd sample-app-web/CDN

npm install

npm run https

提示:在服务器上必须使用npm run https命令启动服务,否则将无法调用麦克风和摄像头。本地测试环境可以使用npm run start命令启动服务。

首先你需要购买一个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

注册成功之后,访问https://4.drm-x.cn登录到DRM-X 4.0管理后台。

登录DRM-X 4.0帐号后,点击左侧菜单中的“加密文件”,根据要求,一步一步操作完成加密前的配置工作。在第四步:在线加密文件中,下载Xvast加密客户端(zip文件),下载完成后将下载的zip文件解压缩,把里面的两个文件拷贝到Xvast的安装目录下。

然后回到“加密文件”页面,点击“弹出加密窗口”按钮。

你将看到加密文件的界面。

第一步:在输出文件的下拉框中选择“添加新输出文件夹”,选择加密后网页所在的文件夹。

第二步:取消 “在文件名添加_P”的选择。

如下图:

第三步:点击“浏览文件…”按钮,在选择文件界面的右下角选择“HTML文件和web资源”。

第四步:我们需要对用户访问的Web Client SDK页面进行加密,文件包含CDN文件夹里的index.html,meeting.html和CDN/js文件夹里的index.js。

参考下图:

第五步:点击加密界面的“开始”按钮,对以上3个文件进行加密。

加密之后,我们需要把加密文件进行替换(替换之前请务必做好源文件的备份!),首先替换index.html和meeting.html文件。然后替换js文件夹里的index.js文件。

最后我们使用Xvast浏览器访问http://localhost:9999,在登录获取许可证的窗口输入用户名和密码获取许可证。(默认的用户名:testuser 密码:123456)。

登录并获取许可证后,将会跳转到进入会议的界面。

当然你也可以对该index.html源文件进行样式修改,修改后请重新加密并替换该文件。

下图是修改后的加入会议页面效果,或者你也可以取消加入会议的界面,直接跟你的网站集成,自动获取用户的用户名并加入会议,如有需要请参考:如何将Zoom Web Client SDK和你的网站整合?

输入会议号码和会议密码后,点击Join按钮加入会议。

会议效果如下:

建议会议主讲人使用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负责。