tmp save

sodatodo · Jan 4, 2021 · c265fd5 · c265fd5
1 parent 3eca790
commit c265fd5
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 11 deletions.
diff --git a/lib/containers/ConnectContainer/ConnectContainer.tsx b/lib/containers/ConnectContainer/ConnectContainer.tsx
@@ -38,22 +38,21 @@ function ConnectContainer() {
         // console.log('from callee desc :>> ', desc);
         dataChannelClient.setRemoteDescription(JSON.parse(desc));
       }
-      // answer.then(
-      //   (answerdesc: RTCSessionDescriptionInit) => {
-      //     console.log('answerdesc :>> ', answerdesc);
-      //   },
-      //   (error) => {
-      //     console.log('error :>> ', error);
-      //   },
-      // );
     });
 
     dataChannelClient.createDataChannel();
+    dataChannelClient.setIceCandidateListener((ev: RTCPeerConnectionIceEvent) => {
+      // console.log('sodalog ev.candidate :>> ', ev.candidate);
+      if (ev.candidate) {
+        console.log('ev.candidate :>> ', ev.candidate);
+      }
+    });
     dataChannelClient.createOffer((desc: RTCSessionDescriptionInit) => {
-      console.log('desc :>> ', desc);
       setLocalOfferDescription(desc);
+      dataChannelClient.setLocalDescription(desc);
     });
   }, []);
+
   const handleSend = () => {
     rpc.emit('get-local-network-info', null);
   };

diff --git a/lib/webrtc/WebRTCClient.ts b/lib/webrtc/WebRTCClient.ts
@@ -21,6 +21,7 @@ class WebRTCClient {
     }
 
     handleIceCandidate = (ev: RTCPeerConnectionIceEvent) => {
+      console.log('sodalog handle icecandidate');
       if (this.onIceCandidate) {
         this.onIceCandidate(ev);
       }

diff --git a/lib/webrtc/WebRTCDataChannelClient.ts b/lib/webrtc/WebRTCDataChannelClient.ts
@@ -7,8 +7,13 @@ interface gotRTCSessionDescriptionListener {
 class WebRTCDataChannelClient extends WebRTCClient {
     onGotDescription: gotRTCSessionDescriptionListener | undefined;
 
+    dataChannel: RTCDataChannel | undefined;
+
     createDataChannel = () => {
-      this.peerConnection.createDataChannel('sendDataChannel');
+      this.dataChannel = this.peerConnection.createDataChannel('sendDataChannel');
+      this.dataChannel.onopen = () => {
+        console.log('data channel open');
+      };
     }
 
     createOffer = (onGotDescription?: gotRTCSessionDescriptionListener) => {
@@ -23,13 +28,16 @@ class WebRTCDataChannelClient extends WebRTCClient {
       if (this.onGotDescription) {
         this.onGotDescription(desc);
       }
-      this.peerConnection.setLocalDescription(desc);
     }
 
     handleGotDescriptionError = (error: Error) => {
       console.log('error :>> ', error);
     }
 
+    setLocalDescription = (description: RTCSessionDescriptionInit) => {
+      this.peerConnection.setLocalDescription(description);
+    }
+
     setRemoteDescriptionAndCreateAnswer = async (
       description: RTCSessionDescriptionInit,
     ) => {