今天跟大家聊聊我捣鼓的这个“百老汇聊天室”项目，一开始就是觉得好玩，想搞一个自己的多人视频聊天平台。

起因：

就是之前看到一些什么“多人视频聊天室”之类的，感觉挺有意思，就想着自己能不能也搞一个。加上最近有点时间，就想着折腾折腾。

技术选型：

后端我肯定是用我最熟悉的*，上手快，开发效率高。

前端的话，* 跑不了，组件化开发，方便。

视频这块，一开始想自己搞一套，后来发现太麻烦了，直接用现成的WebRTC，省事。信令服务器也用*搭一个，简单处理房间管理和用户连接。

数据库，我选了MongoDB，存一些用户信息和房间信息。

具体实施：

1. 搭框架：

先用* 快速搭了个* 后端框架，搞定路由和基本的API接口。

前端用 Vue CLI 创建项目，把页面结构先搭起来，包括房间列表、聊天界面、用户列表什么的。

2. WebRTC搞起：

这部分是最麻烦的。要搞清楚SDP、ICE Candidate这些概念。

WebRTC的peer连接要好好处理，建立连接、交换信息、传输视频流，踩了不少坑。各种浏览器兼容性问题，简直头大。

3. 信令服务器：

用* 搞了个简单的信令服务器，用来在用户之间传递WebRTC需要的信令信息，比如房间ID、SDP信息等。

4. 房间管理：

搞了个房间管理模块，实现创建房间、加入房间、退出房间的功能。房间信息存在MongoDB里。

5. 用户管理：

简单做了个用户注册和登录功能，用户信息也存在MongoDB里。

6. 聊天功能：

除了视频，还得有文字聊天功能。这个简单，用* 就能实现。

7. 界面美化：

这部分我不太擅长，随便找了几个好看的UI组件库，简单美化了一下。

遇到的坑：

WebRTC的各种兼容性问题，不同浏览器表现不一样，调试起来很痛苦。

视频流的传输质量问题，网络稍微差一点就卡顿。

信令服务器的稳定性问题，并发高了容易出问题。

最终效果：

实现了基本的多人视频聊天功能，可以创建房间、加入房间、视频聊天、文字聊天。

界面还算看得过去，虽然不算漂亮，但也能用。

性能方面还有待优化，并发高了会卡顿。

这回搞“百老汇聊天室”，主要是为了学习和练手。虽然还有很多不足，但总体来说还是很有收获的。至少对WebRTC、*、* 这些技术有了更深入的了解。以后有机会再继续优化，争取搞出一个更完善的视频聊天平台。

• 下一步计划：
• 优化视频流传输质量，解决卡顿问题。
• 增强信令服务器的稳定性，提高并发能力。



• 增加更多的功能，比如美颜、礼物、连麦等。

就这样，下次再跟大家分享其他好玩的项目。