commit 71d1c0a36de37882830a7bb9cb4a1e767e29a506
author simon <tran.simon2@gmail.com> Thu Nov 24 15:28:33 2022 -0500
committer Charlie Duquette <charlie_duquette@hotmail.fr> Sat Nov 26 19:56:53 2022 -0500
tree c157e222af5e6ad9d303ff25b783d1dc6c79f085
parent 7057b4ffa703ce1add7f2524273c917b3ea5609d

Use turn/stun server

The webrtc connection now use the TURN and STUN config specified in the account to setup the ice servers.

GitLab: #11

Change-Id: I9c7eff51e3e6da3cab1c04b3a1be6c1501d5c94b

client/src/contexts/WebRtcProvider.tsx

diff --git a/client/src/contexts/WebRtcProvider.tsx b/client/src/contexts/WebRtcProvider.tsx
index 3999259..a56efab 100644
--- a/client/src/contexts/WebRtcProvider.tsx
+++ b/client/src/contexts/WebRtcProvider.tsx
@@ -20,6 +20,7 @@
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
 
 import { WithChildren } from '../utils/utils';
+import { useAuthContext } from './AuthProvider';
 import { ConversationContext } from './ConversationProvider';
 import { WebSocketContext } from './WebSocketProvider';
 
@@ -42,6 +43,7 @@
 export const WebRtcContext = createContext<IWebRtcContext>(defaultWebRtcContext);
 
 export default ({ children }: WithChildren) => {
+  const { account } = useAuthContext();
   const webSocket = useContext(WebSocketContext);
   const { conversation } = useContext(ConversationContext);
   const [webRtcConnection, setWebRtcConnection] = useState<RTCPeerConnection | undefined>();
@@ -52,12 +54,26 @@
   const contactUri = useMemo(() => conversation.getFirstMember().contact.getUri(), [conversation]);
 
   useEffect(() => {
-    if (!webRtcConnection) {
-      // TODO: Use SFL iceServers
-      const iceConfig = { iceServers: [{ urls: 'stun:stun.l.google.com:19302' }] };
-      setWebRtcConnection(new RTCPeerConnection(iceConfig));
+    if (!webRtcConnection && account) {
+      const iceServers: RTCIceServer[] = [];
+
+      if (account.getDetails()['TURN.enable'] === 'true') {
+        iceServers.push({
+          urls: 'turn:' + account.getDetails()['TURN.server'],
+          username: account.getDetails()['TURN.username'],
+          credential: account.getDetails()['TURN.password'],
+        });
+      }
+
+      if (account.getDetails()['STUN.enable'] === 'true') {
+        iceServers.push({
+          urls: 'stun:' + account.getDetails()['STUN.server'],
+        });
+      }
+
+      setWebRtcConnection(new RTCPeerConnection({ iceServers: iceServers }));
     }
-  }, [webRtcConnection]);
+  }, [account, webRtcConnection]);
 
   const sendWebRtcOffer = useCallback(
     async (sdp: RTCSessionDescriptionInit) => {