Web

最近更新时间:2024-11-25 15:39:33

我的收藏
本文档主要介绍如何快速跑通 Classroom 示例工程,体验高质量多人在线课堂。跟随本文档,您可以在10分钟内跑通 Demo,并最终体验一个包含完备 UI 界面的多人在线课堂功能。




环境准备

Node.js 版本:Node.js ≥ 16.19.1(推荐使用官方 LTS 版本,npm 版本请与 node 版本匹配)。
现代浏览器,支持 WebRTC APIs.

下载 Demo

1. 打开终端复制输入示例命令克隆仓库。
2. 安装依赖
Vue3
cd ./Classroom/Web/Vue3
npm install

配置 Demo

1. 激活 TUIRoomKit 服务,获取 SDKAppIDSDKSecretKey



2. 打开 Classroom/Web/Vue3/src/config/basic-info-config.js 文件,并输入激活服务时获得的 SDKAppIDSDKSecretKey




跑通 Demo

1. 在终端中输入命令,运行 Demo。
Vue3
# cd ./Classroom/Web/Vue3
npm run dev
注意:
本地环境请在 localhost 协议下访问,具体参见 网络访问协议说明
2. 打开浏览器页面输入相对应的 URL。




创建您的第一个课堂

单击新建课堂创建您的第一个会议房间,课堂类型为小班课




加入课堂

学生可以通过填写对应的 RoomId,来加入由老师创建的课堂。