Make viewers counter period configurable

docs/ghostream.example.yml

@@ -35,6 +35,7 @@ web:
   hostname: localhost
   favicon: https://www.crans.org/images/favicon.ico
   widgetURL: https://example.com/
+  viewersCounterRefreshPeriod: 20000
 
 # Configure WebRTC server
 webrtc:

main.go

@@ -53,6 +53,7 @@ func loadConfiguration() {
 	viper.SetDefault("Web.Name", "Ghostream")
 	viper.SetDefault("Web.Hostname", "localhost")
 	viper.SetDefault("Web.Favicon", "/favicon.ico")
+	viper.SetDefault("Web.ViewersCounterRefreshPeriod", 20000)
 	viper.SetDefault("WebRTC.MinPortUDP", 10000)
 	viper.SetDefault("WebRTC.MaxPortUDP", 10005)
 	viper.SetDefault("WebRTC.STUNServers", []string{"stun:stun.l.google.com:19302"})

web/static/js/viewersCounter.js

@@ -1,4 +1,5 @@
-function refreshViewersCounter() {
+// Refresh viewer count by pulling metric from server
+function refreshViewersCounter(period) {
     let xhr = new XMLHttpRequest()
     xhr.open("GET", "/_stats/", true)
     xhr.onload = function () {
@@ -12,7 +13,7 @@ function refreshViewersCounter() {
     }
     xhr.send()
 
-    setTimeout(refreshViewersCounter, 20000)
+    setTimeout(() => {
+        refreshViewersCounter(period)
+    }, period)
 }
-
-refreshViewersCounter()

web/template/viewer.html

@@ -50,5 +50,10 @@
     {{end}}
   ]
   startPeerConnection()
+
+  // Wait a bit before pulling viewers counter for the first time
+  setTimeout(() => {
+      refreshViewersCounter({{.Cfg.ViewersCounterRefreshPeriod}})
+  }, 1000)
 </script>
 {{end}}

web/web.go

@@ -15,11 +15,12 @@ import (
 
 // Options holds web package configuration
 type Options struct {
-	ListenAddress string
-	Name          string
-	Hostname      string
-	Favicon       string
-	WidgetURL     string
+	ListenAddress               string
+	Name                        string
+	Hostname                    string
+	Favicon                     string
+	WidgetURL                   string
+	ViewersCounterRefreshPeriod int
 
 	// Copied from WebRTC configuration
 	STUNServers []string