多人在线语音聊天和视频聊天demo
功能介绍和开发环境
由于官方3.x版本之后服务面板就取消了声网服务，很多时候需要接入该功能时找不到合适的案例。
该Demo使用最新Cocos Creator 3.8.1和声网（Agora）SDK实现了H5端多人在线语音聊天和视频聊天的功能。
- 引擎版本3.x：3.8.1
- 引擎版本2.x：2.4.9
- 编程语言：TypeScript
功能特点
-
多人在线语音聊天：用户可以同时和多个其他用户进行实时语音通话，实现高质量的语音互动。
-
使用场景案例：元宇宙、狼人杀、剧本杀、对战类游戏语音互动。
-
多人在线视频聊天：用户可以同时和多个其他用户进行实时视频通话。
-
使用场景案例：互动直播类、1v1或1vN主播连麦PK。
-
按需接入自己的服务端逻辑，可实现更自由的功能定制。例如：连麦功能，私密聊天，全员静音等
注意事项
- 声网 Web SDK 是一款基于 WebRTC 技术的实时音视频 SDK，因此 WebRTC 技术的浏览器兼容性决定了声网 Web SDK 的浏览器兼容性。以下为声网官方提供的兼容性要求
- 多人音视频互动目前声网支持最多17位主播身份同时推流（需服务端控制推流人数）
- 桌面端最多订阅 4 路大流和 13 路小流。
- 移动端最多订阅 1 路大流和 4 路小流。
使用教程
- 1、引入声网SDK，demo里已经引入过了。所有的常用方法都封装在AgoraRTCSDK类中（如丢失或想升级至最新版SDK，使用npm install安装SDK依赖）
- 2、替换appid为你自己的声网项目的appid
- 3、初始化SDK并注册SDK回调监听
- 建议加入视频频道时role参数默认为audience听众身份，这样根据项目需求可以自主控制切换玩家身份（听众身份-不能推流，只能拉取主播的推流）
- 4、传入频道id加入你所期望的频道，请确保频道内用户id的唯一性，建议使用用户的uid。这样可以在频道内确定用户身份，如不传SDK会自动生成一个Number型的用户id（在正式生产环境中，你需要在自己的 App 服务端生成 Token）
部署注意事项
功能介绍
- 设备检查，如正常出现画面和音频流数值，则采集设备正常，建议使用功能前先点击测试进入检测
- 语音聊天室，采用虚拟列表显示，可以关闭自己的音频采集，屏蔽他人音频（适用场景：狼人杀、剧本杀、聊天室、元宇宙项目等）
- 视频聊天室，由于SDK需要dom元素来渲染视频画面，但是dom元素在层级问题上一直不好处理。我这里采用的是采集出dom元素的视频画面，然后每帧渲染至Sprite上面，这样不仅可以支持多画面显示，而且层级可以随意布局，不会像dom元素一样遮挡UI
