RobbieXie/WebRTC-Classroom

🎓 Lớp học trực tuyến WebRTC nhỏ gọn, có luôn RTMP push từ Node.js

Demo lớp học trực tuyến dựa trên WebRTC với stream camera, stream màn hình và IM, kèm theo tính năng RTMP push ở phía server.

WebRTC-Classroom là một dự án demo nhỏ cho lớp học trực tuyến, sử dụng WebRTC để truyền media stream P2P giữa giáo viên và học sinh, kết hợp Node.js + Socket.IO để xử lý tín hiệu và trò chuyện. Ngoài ra, dự án còn thêm tính năng đẩy stream về phía Node.js thông qua RTMP để phục vụ phát lại ngoài mạng.

✨ Điểm nổi bật

• WebRTC P2P: Truyền media stream giữa trình duyệt mà không qua máy chủ trung gian.
• Coturn hỗ trợ ICE/STUN/TURN: Đảm bảo kết nối P2P hoạt động ngay cả sau NAT hoặc firewall.
• Node.js + Socket.IO: Xây dựng hệ thống tín hiệu và tính năng trò chuyện (IM) cơ bản.
• Vue.js frontend: Giao diện người dùng sử dụng Vue.js để quản lý logic giáo viên và học sinh.
• H5 Web API: Sử dụng navigator.mediaDevices.getUserMedia và getDisplayMedia để lấy stream camera và màn hình.
• RTMP push từ Node.js: Hỗ trợ đẩy stream về server để phát lại qua RTMP.
• Hỗ trợ Docker triển khai Coturn: Dễ dàng cấu hình môi trường WebRTC.
• Cấu trúc rõ ràng: Tách biệt frontend (Vue.js) và backend (Node.js + Socket.IO).

💡 Vì sao đáng chú ý

Khác với các giải pháp thông thường chỉ dựa trên WebRTC, dự án này không chỉ tập trung vào truyền stream P2P mà còn mở rộng với tính năng RTMP push từ phía Node.js, giúp người dùng có thể phát lại nội dung lớp học ra ngoài mạng một cách dễ dàng. Thích hợp cho các demo, protype lớp học trực tuyến hoặc nội dung giáo dục nhỏ lẻ.

---

#WebRTC #SocketIO #Coturn #NodeJS #RTMP #TiniX