Research on WebRTC

[Danie0918]

Through the Webrtc protocol, Neuron can realize peer-to-peer real-time communication, which will greatly expand the scope of Neuron applications.

[Danie0918]

Any update. @devchenyan

[devchenyan]

WebRTC (Web Real-Time Communication) is a technology that enables Web applications and sites to capture and optionally stream audio and/or video media, as well as to exchange arbitrary data between browsers without requiring an intermediary.

The main advantages of WebRTC are:

• Implementations are available for all platforms. As long as the browser supports WebRTC, standard-based applications can run on any OS.
• Secure and encrypted DTLS and SRTP connections.
• P2P = end-to-end encryption.
• Open source.

The set of standards that comprise WebRTC makes it possible to share data and perform teleconferencing peer-to-peer, without requiring that the user install plug-ins or any other third-party software.

• Signaling
  Signaling uses an existing protocol, SDP (Session Description Protocol).

• Connecting
  Uses STUN/TURN for connection and NAT traversal.

• Securing
  Uses DTLS and SRTP to encrypt the transport layer.

• Communicating
  Uses RTP and SCTP for peer-to-peer communication.

The process of establishing a connection through ICE in WebRTC:

Integrating WebRTC involves addressing two key issues:

• Signaling Server
  A signaling service based on HTTPS or WebSocket needs to be implemented to handle signaling.

In the same network environment, the signaling service can be integrated into Neuron, using Bluetooth as one of the communication channels.

https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/createDataChannel
https://developer.mozilla.org/en-US/docs/Web/API/Web_Bluetooth_API

• STUN/TURN Server
  A service needs to be implemented to obtain the public IP address of the WebRTC endpoint and to provide data relay services when NAT traversal fails.
  The currently popular STUN/TURN server is coturn, which is used to set up STUN/TURN services.

In the same network environment, a STUN/TURN server is not required.

Implement WebRTC for establishing a connection and communication:

1. Create RTCPeerConnection:

const peerConnection = new RTCPeerConnection(configuration);

2. Set Up ICE Candidate Event:

peerConnection.onicecandidate = event => {
  if (event.candidate) {
    // Send candidate to remote peer
  }
};

3. Create an Offer (Initiator) or Answer (Receiver):

• Offer:

peerConnection.createOffer().then(offer => {
  return peerConnection.setLocalDescription(offer);
}).then(() => {
  // Send the offer to the remote peer
});

• Answer:

peerConnection.setRemoteDescription(remoteOffer).then(() => {
  return peerConnection.createAnswer();
}).then(answer => {
  return peerConnection.setLocalDescription(answer);
}).then(() => {
  // Send the answer to the remote peer
});

4. Exchange ICE Candidates:
   Exchange the ICE candidates received from onicecandidate event with the remote peer.

5. Data Communication:
   For data transfer, use RTCDataChannel:

const dataChannel = peerConnection.createDataChannel("myDataChannel");
dataChannel.onmessage = event => {
  console.log("Data received:", event.data);
};

Protocol： #349

[Danie0918]

Any update? @devchenyan

[devchenyan]

Any update? @devchenyan

Feasibility has been verified. The demo will be uploaded shortly.

The communication protocol design will reference WalletConnect and be added to the documentation.

[devchenyan]

Demo:

Screen-2024-07-11-180459.mp4

Neuron can establish communication with the DApp and reuse WalletConnect's communication protocol design for business implementation.
#148

This also reuses part of the previous WalletConnect design.