这是一个基于WebRTC技术的实时视频通话系统，支持多人视频通话功能。

功能特性

• 创建和加入视频通话房间
• 实时音视频通话
• 多人视频通话支持
• 自动重连机制
• 通话时长计时
• 支持离开房间和结束通话
• 视频质量优化（720p支持）
• 音频优化（回声消除、噪声抑制）
• 操作日志记录与显示
• 断开连接状态显示

技术栈

• WebRTC
• WebSocket
• JavaScript (ES6+)
• HTML5/CSS3
• Node.js
• Express

使用说明

创建房间

1. 打开应用首页
2. 点击"创建房间"按钮
3. 允许浏览器访问摄像头和麦克风
4. 系统会自动生成房间ID并开始通话

加入房间

1. 打开应用首页
2. 在输入框中输入房间ID
3. 点击"加入房间"按钮
4. 允许浏览器访问摄像头和麦克风
5. 自动连接到通话

通话控制

• 结束通话：点击"结束通话"按钮
• 静音/取消静音：点击"静音"按钮
• 关闭/开启摄像头：点击"关闭摄像头"按钮
• 查看操作日志：通话过程中的操作记录会显示在"操作日志"区域
• 清除日志：点击"清除日志"按钮
• 显示/隐藏日志：切换"显示日志"开关

注意事项

• 确保浏览器允许访问摄像头和麦克风
• 建议使用最新版本的Chrome或Firefox浏览器
• 确保网络连接稳定
• 如果视频没有显示，请检查浏览器的媒体权限设置
• 当对方结束通话后，将显示"对方已结束通话"提示
• 当用户离开房间后，将显示"用户已离开房间"提示

架构设计

系统采用前后端分离的架构：

• 前端：基于原生JavaScript实现的WebRTC客户端
• 后端：基于Node.js的信令服务器

视频通话流程

1. 用户创建或加入房间
2. 建立WebSocket连接
3. 通过信令服务器交换SDP和ICE候选者
4. 建立P2P连接
5. 交换音视频流
6. 显示远程视频
7. 通话结束后清理资源

- `client/`
  - `js/`
    - `webrtc.js` - WebRTC核心管理类
    - `main.js` - 主应用逻辑和UI交互
    - `controls.js` - 控制按钮事件处理
  - `css/`
    - `style.css` - 应用样式
  - `index.html` - 主页面
- `server/`
  - `app.js` - 服务器入口
  - `signaling.js` - 信令服务器实现

未来计划

• 添加屏幕共享功能
• 支持聊天功能
• 实现录制功能
• 提供更多视频滤镜和效果
• 添加房间密码保护
• 优化移动设备兼容性

欢迎提交问题报告和功能请求。如需贡献代码，请遵循以下步骤：

https://gitee.com/NativeBase/web-rtc.git

git clone https://gitee.com/NativeBase/web-rtc.git

1. Fork项目
2. 创建特性分支 (git checkout -b feature/amazing-feature)
3. 提交更改 (git commit -m 'Add some amazing feature')
4. 推送到分支 (git push origin feature/amazing-feature)
5. 创建Pull Request