WebRTC-Based Real-Time Communication System

Đồ án cuối kỳ - Môn học: Lập trình mạng Nhóm: 05 | Đề tài: Hệ thống truyền thông thời gian thực P2P

🌐 Giới thiệu

Dự án xây dựng một nền tảng hội nghị trực tuyến dựa trên giao thức WebRTC (Web Real-Time Communication), cho phép kết nối ngang hàng (Peer-to-Peer) trực tiếp giữa các trình duyệt. Hệ thống tối ưu hóa băng thông bằng cách truyền dữ liệu Media và Data trực tiếp mà không thông qua server trung gian sau khi đã thiết lập xong kết nối (Signaling).

✨ Tính năng nổi bật

• Video/Audio Call: Truyền tải hình ảnh và âm thanh độ trễ thấp.
• Spotlight Mode (Pinning): Khả năng ghim video tiêu điểm (Focus mode) tương tự Google Meet/Teams.
• P2P Chat: Nhắn tin thời gian thực tích hợp Timestamp (giờ gửi) qua DataChannel.
• P2P File Handshake: Hệ thống gửi file an toàn với cơ chế bắt tay (Offer/Accept), cho phép theo dõi tiến trình (Progress Bar) và lưu file thủ công.
• Screen Sharing: Chia sẻ màn hình chất lượng cao trực tiếp trong cuộc gọi.
• Recording: Ghi lại cuộc hội thoại và xuất file định dạng .webm.
• Modern UI/UX: Giao diện Minimalist Studio sang trọng, hỗ trợ Responsive trên nhiều thiết bị.

🛠 Công nghệ sử dụng

• Frontend: React.js, Vite, CSS3 (Modern Glassmorphism).
• Backend (Signaling Server): Node.js, Socket.io.
• WebRTC Core: RTCPeerConnection, RTCDataChannel, MediaStream API.

🚀 Hướng dẫn cài đặt và khởi chạy

1. Yêu cầu hệ thống

• Node.js (phiên bản 16.x trở lên)
• NPM hoặc Yarn

2. Cài đặt các phụ thuộc

Mở 2 cửa sổ terminal cho Client và Server:

Cho Server:

cd server
npm install

Cho Client:

cd client
npm install

3. Chạy ứng dụng

Cho Server:

cd server
npm start

Server sẽ chạy tại: http://localhost:8000

Cho Client:

cd client
npm run dev

Truy cập ứng dụng tại: http://localhost:5173

📚 Kiến thức mạng áp dụng

• Signaling: Sử dụng WebSockets (Socket.io) để trao đổi SDP Offer/Answer và ICE Candidates.
• OSI Layer 4 & 7: Sử dụng TCP (Signaling) và UDP (Media Transport).
• NAT Traversal: Sử dụng giao thức ICE để thiết lập kết nối xuyên qua các loại mạng khác nhau.
• Serialization: Chuyển đổi tệp tin sang ArrayBuffer để truyền tải qua kênh dữ liệu P2P.

---

© 2026 - Nhóm 05 - HCMC University of Technology and Education.