【新知实验室-TRTC开发】实时音视频之web端云监工系统（Vue3+Element plus+TS

"mitt": "^3.0.0",
"pinia": "^2.0.13",
"trtc-js-sdk": "latest",
"vue": "^3.2.13",
"vue-i18n": "9",
"vue-router": "^4.0.3",
"vue3-clipboard": "^1.0.0"

},

### 1.3、一步运行


如果没有安装yarn，则首先需要安装yarn，在终端输入：`npm install -g yarn`，然后在终端输入：`npm start`就可以自动下载安装依赖连接上服务啦，等待片刻，启动成功：  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/b954ab9aee2b448caaf527ec679ff59e.png)


然后我们打开：http://localhost:8080，就可以看到官方demo已经被我们完美运行起来：  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/a557213cf0694a4f914315294342f53d.png)


### 1.4、开始测试


测试时，我们需要在参数表单内填入1.2节复制好的SDKAppID和密钥，填入相应的文本框中，这个可以帮我们验证身份调用到TRTC的音视频服务，然后自定义自己的UserID，最后点击Join Room。  
 ![在这里插入图片描述](https://img-blog.csdnimg.cn/9a2a04243be74da8bce5e185d88678ec.png)  
 点击JoinRoom后我们就加入了60260房间&#