使用vue3、uni-app无UI集成腾讯音视频实现视频通话_uniapp 实现音视频通话

产品需求，要求无UI集成腾讯音视频实现视频会诊、视频通话等功能。
腾讯音视频sdk集成指南，pcd端、H5端、pda端均类似，此处以pc端为例进行说明。

准备工作

1. 首先准备好腾讯音视频的SDKAppID、SDKSecretKey。一般公司会准备好
2. 项目中安装腾讯云即时通信IM的SDK，在项目中安装依赖：npm install trtc-sdk-v5 --save 或 yarn add trtc-sdk-v5 或 pnpm install trtc-sdk-v5 --save，看项目的依赖管理工具选择安装即可
3. 相关详情可以查询腾讯云即时通信IM的官方文档：https://cloud.tencent.com/document/product/647/116544
4. sdk相关事件官网：https://web.sdk.qcloud.com/trtc/webrtc/v5/doc/zh-cn/TRTC.html
5. 准备组件，自定义页面

实现思路

1. 创建组件，自定义页面布局
2. 初始化腾讯云即时通信IM的SDK，并配置相关参数
3. 实现音视频通话功能，包括发起、接听、挂断等操作
4. 处理音视频通话中的各种事件，如网络状态变化、远端用户加入/离开等
5. 将组件集成到项目中，并在app.vue中引用
6. 来电接听需要项目中集成websocket，websocket推送来电信息，前端接收并弹出弹窗，点击接听后调用组件的接听方法，然后进入房间内通话
7. 通话结束后，清理资源并关闭组件
8. 组件内封装好相关方法，对外提供接口供外部调用
9. 通话相关推送需要存储在vuex中，此处省略
10. 进入房间相关参数需要服务端提供，比如roomId, userId, userSig 等，注意：userSig需要服务端生成

新建组件

创建组件：trtcConsultation.vue

自定义页面布局，此处省略import TRTC from \'trtc-sdk-v5\'; // 引入腾讯云即时通信IM的SDKimport defaultsetting from \'defaultsetting.js\'; // 引入默认配置文件// 初始化腾讯云即时通信IM的SDK，并配置相关参数let trtc = TRTC.create();// 监