Xây dựng điện thoại kết nối Internet với PeerJS

Một trong những vấn đề chính của WebRTC là việc sử dụng và phát triển nó khá phức tạp — việc xử lý dịch vụ báo hiệu và biết khi nào nên gọi đúng điểm cuối có thể gây nhầm lẫn. Nhưng có một số tin tốt; ngang hàng là một khung WebRTC trừu tượng hóa tất cả logic băng và tín hiệu để bạn có thể tập trung vào chức năng của ứng dụng của mình. PeerJS có hai phần, khung phía máy khách và máy chủ.

Trong loạt bài viết này, chúng ta sẽ tạo một ứng dụng điện thoại đơn giản bằng PeerJS. Chúng ta sẽ sử dụng cả máy chủ và framework phía máy khách, nhưng hầu hết công việc của chúng ta sẽ liên quan đến việc xử lý mã phía máy khách.

Điều kiện tiên quyết

Đây là hướng dẫn ở trình độ trung cấp; trước khi thử nó, bạn phải cảm thấy thoải mái với:

Trước khi bắt đầu, bạn cần đảm bảo rằng bạn đã nút đã cài đặtSợi (hướng dẫn trong các bài viết sau giả sử Yarn, nhưng bạn có thể thoải mái sử dụng npm hoặc trình quản lý khác nếu muốn).

[!LƯU Ý] Nếu bạn tìm hiểu tốt hơn bằng cách làm theo mã từng bước, chúng tôi cũng đã cung cấp hướng dẫn bằng mã này để bạn có thể sử dụng thay thế.

Mục lục

  1. Cài đặt
  2. Xây dựng máy chủ
  3. Kết nối đồng nghiệp
    1. Nhận quyền sử dụng micrô của trình duyệt
    2. Hiển thị và ẩn HTML
    3. Tạo kết nối ngang hàng
    4. Tạo cuộc gọi
    5. Trả lời cuộc gọi
    6. Kết thúc cuộc gọi