move paused to webrtc stats.

src/component/internal/connection.ts

@@ -24,7 +24,6 @@ export interface NekoConnectionEvents {
 export class NekoConnection extends EventEmitter<NekoConnectionEvents> {
   private _open = false
 
-  public paused = false
   public websocket = new NekoWebSocket()
   public logger = new NekoLoggerFactory(this.websocket)
   public webrtc = new NekoWebRTC(this.logger.new('webrtc'))
@@ -104,9 +103,7 @@ export class NekoConnection extends EventEmitter<NekoConnectionEvents> {
       Vue.set(this._state.webrtc, 'stats', stats)
 
       // when connection is paused, 0fps and muted track is expected
-      if (this.paused) {
+      if (stats.paused) return
-        return
-      }
 
       // if automatic quality adjusting is turned off
       if (!this._reconnector.webrtc.isOpen) return

src/component/internal/webrtc.ts

@@ -34,6 +34,8 @@ export interface NekoWebRTCEvents {
 export class NekoWebRTC extends EventEmitter<NekoWebRTCEvents> {
   // used for creating snaps from video for fallback mode
   public video!: HTMLVideoElement
+  // information for WebRTC that server video has been paused, 0fps is expected
+  public paused = false
 
   private _peer?: RTCPeerConnection
   private _channel?: RTCDataChannel
@@ -519,6 +521,9 @@ export class NekoWebRTC extends EventEmitter<NekoWebRTCEvents> {
         const packetsReceivedDiff = report.packetsReceived - packetsReceived
 
         this.emit('stats', {
+          // Firefox does not emit any event when starting paused
+          // because there is no video report found in stats.
+          paused: this.paused,
           bitrate: (bytesDiff / tsDiff) * 1000,
           packetLoss: (packetsLostDiff / (packetsLostDiff + packetsReceivedDiff)) * 100,
           fps: Number(report.framesPerSecond || framesDecodedDiff / (tsDiff / 1000)),

src/component/main.vue

@@ -222,8 +222,8 @@
     }
 
     @Watch('private_mode_enabled')
-    private setConnectionPaused(paused: boolean) {
+    private setWebRTCPaused(paused: boolean) {
-      this.connection.paused = paused
+      this.connection.webrtc.paused = paused
     }
 
     screencastReady = false

src/component/types/webrtc.ts

@@ -1,4 +1,5 @@
 export interface WebRTCStats {
+  paused: boolean
   bitrate: number
   packetLoss: number
   fps: number