Make STUN server configurable

web/static/js/viewer.js

@@ -3,12 +3,7 @@ let peerConnection;
 startPeerConnection = () => {
     // Init peer connection
     peerConnection = new RTCPeerConnection({
-        iceServers: [
-            {
-                // FIXME: let admin customize the stun server
-                urls: 'stun:stun.l.google.com:19302'
-            }
-        ]
+        iceServers: [{ urls: stunServers }]
     })
 
     // On connection change, change indicator color
@@ -80,6 +75,3 @@ startPeerConnection = () => {
         }
     }
 }
-
-// Start
-startPeerConnection()

web/template/viewer.html

@@ -36,4 +36,12 @@
 
 <script src="/static/js/sideWidget.js"></script>
 <script src="/static/js/viewer.js"></script>
+<script>
+  const stunServers = [
+    {{range $id, $value := .Cfg.STUNServers}}
+    '{{$value}}',
+    {{end}}
+  ]
+  startPeerConnection()
+</script>
 {{end}}

web/web.go

@@ -20,6 +20,9 @@ type Options struct {
 	Hostname      string
 	Favicon       string
 	WidgetURL     string
+
+	// Copied from WebRTC configuration
+	STUNServers []string
 }
 
 var (