Tôi làm cách nào để kết nối với trình duyệt (ngang hàng)?

Question

Làm thế nào tôi có thể viết một trang web sử dụng HTML5 , CSS và Javascript về phía khách hàng mà sẽ cho phép kết nối tcp trực tiếp/ip giữa các trình duyệt khách hàng khi trang web được tải.

Tôi cần thực hiện việc này để giảm độ trễ vì trang web sẽ yêu cầu đầu vào từ một trong những người dùng được truyền tới người dùng khác càng sớm càng tốt để gửi dữ liệu từ máy khách A đến máy chủ và sau đó đến máy khách B không phải là một lựa chọn tốt.

Tôi đã đọc các bài đăng trước đó về chủ đề này nhưng không có giải pháp/ví dụ làm việc có sẵn mà tôi có thể tìm thấy. Từ những gì tôi đọc kết nối trực tiếp giữa các khách hàng có thể được thực hiện bằng cách sử dụng các plugin như Silverlight, Java hoặc Flash.

Có giải pháp nào không yêu cầu plugin không? Tôi chỉ muốn sử dụng JavaScript.

Answer 1

Ở đây trên Stackoverflow là một số chủ đề về kết nối P2P trong các trình duyệt:

1. Will HTML5 allow web apps to make peer-to-peer HTTP connections?
2. What techniques are available to do P2P in the browser?
3. Does HTML5 Support Peer-to-Peer (and not just WebSockets)
4. Can HTML5 Websockets connect 2 clients (browsers) directly without using a server (P2P)
5. Is it possible to create peer-to-peer connections in a web browser?
6. Do websockets allow for p2p (browser to browser) communication?
7. HTML 5 Peer to Peer Video Possibilities?
8. Is WebRTC implemented in any browsers yet?

Như đã đề cập ở hầu hết các topicts, cả năm 2008 dự thảo HTML5 làm việc đã có một phần "kết nối Peer-to-peer":

• http://www.w3.org/TR/2008/WD-html5-20080122/#peer-to-peer
• http://www.w3.org/TR/2008/WD-html5-20080610/comms.html#peer-to-peer

Kể từ lần thứ e W3C Working Draft 12 February 2009 phần "Kết nối ngang hàng" biến mất. Nhưng kết nối P2P này không biến mất.Đó là trở lại dưới sự PeerConnection tên trong (Real-Time Communications) thông số kỹ thuật WebRT:

• http://dev.w3.org/2011/webrtc/editor/webrtc.html#peerconnection (Dự thảo W3C biên tập viên)
• http://www.whatwg.org/specs/web-apps/current-work/webrtc.html#peerconnection (Since 5th December 2011 forwarded to W3C Editor's Draft)

Kể từ 31 tháng 10 năm 2011, W3C biên tập viên Bản nháp là bản nháp làm việc chính thức:

• http://www.w3.org/TR/2011/WD-webrtc-20111027/#peerconnection

Việc thực hiện duy nhất của PeerConnection (dựa trên UDP) tồn tại trong WebKit sửa đổi bởi phòng thí nghiệm của Ericsson (tháng 5 năm 2011), hoạt động khá tốt. Một số bản vá lỗi là trong WebKit bây giờ (tháng 10 năm 2011 - xem các cập nhật dưới đây!):

• https://labs.ericsson.com/apis/web-real-time-communication/
• https://labs.ericsson.com/developer-community/blog/update-webkit-contributions

Bên cạnh đó, các sáng kiến ​​WebRT là một dự án của Google, Mozilla và Opera. Vì vậy, họ đang tiếp tục các đặc điểm kỹ thuật trên PeerConnection:

• http://www.webrtc.org/

lẽ Chrome (sử dụng WebKit) sẽ là trình duyệt lớn đầu tiên hỗ trợ WebRTC được với PeerConnection:

• http://www.webrtc.org/blog/firststeptowardchromeintegration
• http://groups.google.com/a/chromium.org/group/chromium-dev/browse_thread/thread/95bf1e2e1de852fc
• https://lists.webkit.org/pipermail/webkit-dev/2011-November/018445.html

Kể từ ngày 18 tháng 1 năm 2012, Chrome is supporting WebRTC as well. Nó có thể được sử dụng trong Dev channel (Windows, OSX, Linux) and the Canary build (Windows and OSX) bởi enabling it under chrome://flags. Nó chỉ hỗ trợ MediaStream như Video và âm thanh và có thể được kiểm tra với một số Demos. Việc chuyển dữ liệu ứng dụng như String/ArrayBuffer/... không được hỗ trợ cho đến bây giờ.

Kể từ 16th March 2012, the WebRTC Editor's Draft tách "Peer-to-peer Data API" để gửi và nhận dữ liệu ứng dụng chung (String, ArrayBuffer và Blob). Chromium wants to implement the Data API soon (ngày 10 tháng 4 năm 2012).

Vào ngày 4 tháng 4, Mozilla đã xuất bản ví dụ hoạt động đầu tiên trên WebRTC for Firefox.

DataChannel đang lên kế hoạch cho phiên bản 25 của Chrome, đằng sau một lá cờ, trong khi đó nó có thể được kiểm tra trong Firefox hàng đêm/Aurora (ngày 12 tháng 12 năm 2012):

kết nối ngang hàng
• http://updates.html5rocks.com/2012/12/WebRTC-hits-Firefox-Android-and-iOS

Answer 2

Tôi sẽ phải làm bạn thất vọng - điều này hiện tại không thể thực hiện chỉ với JavaScript. Websockets (và Socket.IO) cho phép một kết nối giống như socket giữa máy khách và máy chủ, nhưng không cho phép giữa các máy khách. Tùy chọn của bạn là một plugin - có thể là Flash, Silverlight, Java hoặc tùy chỉnh.

Những gì bạn có thể làm là sử dụng socket.io và mô phỏng điều đó bằng cách viết một máy chủ proxy đơn giản.

Answer 3

Tôi muốn chuyển sự chú ý của bạn sang thực tế, hầu hết người dùng ngày nay đều ở phía sau NAT hoặc tường lửa và điều này có nghĩa là bạn không thể dễ dàng thiết lập kết nối đến máy tính của người dùng. Vì vậy, ý tưởng của bạn sẽ (nếu có thể) chỉ hoạt động trong một số trường hợp và sẽ mang lại sự phức tạp hơn cho giải pháp của bạn. Vì vậy, hệ thống máy chủ-khách hàng có thể kết nối liên tục (sử dụng websockets hoặc socket.io) là một lựa chọn tốt hơn.