From 221dd29968bd8d233726a85f71dc2804ed4236c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miroslav=20=C5=A0ediv=C3=BD?= <sedivy.miro@gmail.com>
Date: Wed, 10 Feb 2021 19:27:34 +0100
Subject: [PATCH] added simple WebRTC video switching when 0 fps.

---
 src/component/main.vue       | 37 ++++++++++++++++++++++++++++++++++++
 src/component/types/state.ts |  1 +
 2 files changed, 38 insertions(+)

diff --git a/src/component/main.vue b/src/component/main.vue
index 1a10861b..3bab91b4 100644
--- a/src/component/main.vue
+++ b/src/component/main.vue
@@ -90,6 +90,7 @@
           stats: null,
           video: null,
           videos: [],
+          auto: true,
         },
         type: 'none',
       },
@@ -283,6 +284,10 @@
       this.websocket.send('signal/video', { video: video })
     }
 
+    public setWebRTCAuto(auto: boolean = true) {
+      Vue.set(this.state.connection.webrtc, 'auto', auto)
+    }
+
     public sendUnicast(receiver: string, subject: string, body: any) {
       this.websocket.send('send/unicast', { receiver, subject, body })
     }
@@ -385,8 +390,40 @@
       this.webrtc.on('candidate', (candidate: RTCIceCandidateInit) => {
         this.websocket.send('signal/candidate', candidate)
       })
+
+      let webrtcCongestion: number = 0
       this.webrtc.on('stats', (stats: WebRTCStats) => {
         Vue.set(this.state.connection.webrtc, 'stats', stats)
+
+        // if automatic quality adjusting is turned off
+        if (!this.state.connection.webrtc.auto) return
+
+        // if there are no or just one quality, no switching can be done
+        if (this.state.connection.webrtc.videos.length <= 1) return
+
+        // current quality is not known
+        if (this.state.connection.webrtc.video == null) return
+
+        // check if video is not playing
+        if (stats.fps) {
+          webrtcCongestion = 0
+          return
+        }
+
+        // try to downgrade quality if it happend many times
+        if (++webrtcCongestion >= 3) {
+          let index = this.state.connection.webrtc.videos.indexOf(this.state.connection.webrtc.video)
+
+          // edge case: current quality is not in qualities list
+          if (index === -1) return
+
+          // current quality is the lowest one
+          if (index + 1 == this.state.connection.webrtc.videos.length) return
+
+          // downgrade video quality
+          this.setWebRTCVideo(this.state.connection.webrtc.videos[index + 1])
+          webrtcCongestion = 0
+        }
       })
       this.webrtc.on('connecting', () => {
         Vue.set(this.state.connection.webrtc, 'status', 'connecting')
diff --git a/src/component/types/state.ts b/src/component/types/state.ts
index 4b78d24c..cb9f58fb 100644
--- a/src/component/types/state.ts
+++ b/src/component/types/state.ts
@@ -22,6 +22,7 @@ export interface WebRTC {
   stats: WebRTCStats | null
   video: string | null
   videos: string[]
+  auto: boolean
 }
 
 export interface WebRTCStats {