Hoàn thành chia sẻ màn hình bằng WebRTC

Question

Tôi cần triển khai chia sẻ màn hình bằng WebRTC. Tôi biết rằng WebRTC hỗ trợ chia sẻ nội dung tab nhưng tôi cần chia sẻ toàn bộ màn hình. Một giải pháp mà tôi đang nghĩ đến là thường xuyên chụp ảnh màn hình và sử dụng kênh dữ liệu WebRTC chuyển hình ảnh sang bên kia. Sau đó, bên kia sẽ cập nhật hình ảnh mỗi khi nhận được hình ảnh mới.

Điều này có thể thực hiện được không? Đặc biệt tôi tự hỏi liệu có thể chuyển hình ảnh bằng cách sử dụng kênh dữ liệu WebRTC không?

Cảm ơn bạn trước.

Answer 1

Chia sẻ màn hình có sẵn thông qua giới hạn getUserMedia thử nghiệm trong Chrome (not yet available in Firefox).

Trước tiên, bạn cần phải bật cờ có tên là Enable screen capture support in getUserMedia() trong chrome://flags.

Có một ví dụ hay về cách chụp màn hình tại đây: https://html5-demos.appspot.com/static/getusermedia/screenshare.html.

Answer 2

getUserMedia hỗ trợ chia sẻ màn hình toàn bộ màn hình chứ không chỉ nội dung tab.

Tôi đã thực hiện bản trình diễn chụp màn hình (sử dụng chromeMediaSource ràng buộc bắt buộc: 'màn hình') sẽ đưa luồng vào RTCPeerConnection: https://simpl.info/screencapture.

API chrome.tabCapture nhận nội dung tab, nhưng tất nhiên đó không phải là nội dung bạn muốn: ví dụ here (mặc dù mã đã bị hỏng).

CHỈNH SỬA: đã thêm HTTPS vào liên kết: điều này là bắt buộc đối với screencapture.

Answer 3

Hãy xem Tiện ích mở rộng Chrome này, tiện ích này đã triển khai chia sẻ trên máy tính để bàn và nó khá tốt. https://www.webrtc-experiment.com/Pluginfree-Screen-Sharing/