华为云首页用户手册

华为云会议 MEETING-跑通Web SDK Demo:操作步骤

华为云会议 MEETING-跑通Web SDK Demo:操作步骤

时间：2024-10-28 14:49:43

华为云会议 MEETING

操作步骤

下载SDK和Demo源码
1. 按照“SDK下载”章节，下载SDK的ZIP包。
2. 解压ZIP包，得到如下文件及目录。
  图1 SDK包的目录结构
下载Web SDK Demo依赖的第三方库

由于Web SDK Demo中引入了4个第三方库文件，请提前下载，并放在与HWMeeting.js同一目录下。如下图所示：

图2 下载依赖的第三方库文件
- 这4个文件的建议下载地址如下：
  https://cdnjs.cloudflare.com/ajax/libs/react/17.0.2/umd/react.development.js
  
  https://cdnjs.cloudflare.com/ajax/libs/react-dom/17.0.2/umd/react-dom.development.js
  
  https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment.min.js
  
  https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css
- 如果由于某些原因，上述地址无法访问，请自行搜索下载。
使用Visual Studio Code打开文件

图3 打开文件夹
指定端口启动本地调试
1. 此步骤前提是已经安装Node.js
2. 在命令行上执行如下命令安装http-server
  1
  
  npm install http-server -g
3. 命令行进入meeting-demo.html所在路径，指定端口号启动http-server
  1
  
  http-server . -p 8000
  图4 启动成功
4. 在Google Chrome浏览器中打开
   访问地址：http://localhost:8000/meeting-demo.html
  
  注意：此处访问使用localhost作为域名，而没有使用编译器中的IP，原因是Chrome 47以后，getUserMedia API只能允许来自“安全可信”的客户端的视频音频请求，如https和本地的localhost。如果页面的脚本从一个非安全源加载，Chrome会抛出错误。
使用Demo入会

浏览器Demo展示如下图：

图5 Web Demo启动后界面

使用华为云会议创建一个会议/网络研讨会后，
1. 可以使用会议ID和密码，匿名入会；
2. 也可以通过“执行App ID鉴权”，一键获取token，然后实名入会。
图6 Web Demo会中界面

上一篇：华为云会议 MEETING-快速入门:开发环境准备

下一篇：华为云会议 MEETING-跑通Web SDK Demo:环境要求

华为云11.11 2核1G 2M 云服务器

29元/年

立即注册领万元上云礼券

抽奖赢11111元免单

续费同价 L实例 2核2G 4M

98元/年

热门域名 1元随心购

1元/年

华为云会议 MEETING-跑通Web SDK Demo:操作步骤

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题