From 84aa5d81cb8c31afa6193c9fbd181f8388e12370 Mon Sep 17 00:00:00 2001
From: Martti Malmi <sirius@iki.fi>
Date: Wed, 20 May 2020 17:33:31 +0300
Subject: [PATCH] add webrtc connection options to settings page

---
 src/css/style.css   |  5 +++++
 src/index.html      |  4 ++++
 src/js/videocall.js | 18 ++++++++++++++++--
 3 files changed, 25 insertions(+), 2 deletions(-)

diff --git a/src/css/style.css b/src/css/style.css
index 194502d0..5c3d1628 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -29,6 +29,11 @@ a:hover, a:focus {
   outline: none;
 }
 
+textarea {
+  width: 100%;
+  outline: none;
+}
+
 input, button, .button {
   padding: 15px;
   outline: none;
diff --git a/src/index.html b/src/index.html
index 491e940e..e337a8ed 100644
--- a/src/index.html
+++ b/src/index.html
@@ -239,6 +239,10 @@
           </p>
         </div>
         <hr/>
+        <h3>WebRTC connection options</h3>
+        <p><textarea rows="4" id="rtc-config" placeholder="RTC config"></textarea></p>
+        <button id="restore-default-rtc-config">Restore defaults</button>
+        <hr/>
         <h3>About</h3>
         <p>Iris is like the messaging apps we're used to, but better.</p>
         <ul>
diff --git a/src/js/videocall.js b/src/js/videocall.js
index da17b67c..e66a429b 100644
--- a/src/js/videocall.js
+++ b/src/js/videocall.js
@@ -9,6 +9,21 @@ var userMediaStream;
 var localVideo = $('<video>').attr('autoplay', true).attr('playsinline', true).css({width:'50%', 'max-height': '60%'});
 var remoteVideo = $('<video>').attr('autoplay', true).attr('playsinline', true).css({width:'50%', 'max-height': '60%'});
 
+var localStorageIce = localStorage.getItem('rtcConfig');
+var DEFAULT_RTC_CONFIG = {iceServers: [ { urls: ["stun:turn.hepic.tel"] }, { urls: ["stun:stun.l.google.com:19302"] } ]};
+var RTC_CONFIG = localStorageIce ? JSON.parse(localStorageIce) : DEFAULT_RTC_CONFIG;
+$('#rtc-config').val(JSON.stringify(RTC_CONFIG));
+$('#rtc-config').change(() => {
+  try {
+    RTC_CONFIG = JSON.parse($('#rtc-config').val());
+    localStorage.setItem('rtcConfig', JSON.stringify(RTC_CONFIG));
+  } catch (e) {}
+});
+$('#restore-default-rtc-config').click(() => {
+  RTC_CONFIG = DEFAULT_RTC_CONFIG;
+  $('#rtc-config').val(JSON.stringify(RTC_CONFIG));
+})
+
 function notifyIfNotVisible(pub, text) {
    if (document.visibilityState !== 'visible') {
     incomingCallNotification = new Notification(chats[pub].name, {
@@ -189,8 +204,7 @@ async function createCallElement(pub) {
 }
 
 async function initConnection(createOffer, pub) {
-  var config = {iceServers: [ { urls: ["stun:turn.hepic.tel"] }, { urls: ["stun:stun.l.google.com:19302"] } ]};
-  chats[pub].pc = new RTCPeerConnection(config);
+  chats[pub].pc = new RTCPeerConnection(RTC_CONFIG);
   var pc = chats[pub].pc;
   await addStreamToPeerConnection(pc);
   async function createOfferFn() {