Merge branch 'release/4.3.0' into develop

2 files changed, 15 insertions, 2 deletions

diff --git a/client/src/standalone/videos/shared/live-manager.ts b/client/src/standalone/videos/shared/live-manager.ts
index 422d39793..ec11d0b61 100644
--- a/client/src/standalone/videos/shared/live-manager.ts
+++ b/client/src/standalone/videos/shared/live-manager.ts
@@ -6,6 +6,8 @@ import { Translations } from './translations'
 export class LiveManager {
   private liveSocket: Socket
 
+  private listeners = new Map<string, (payload: LiveVideoEventPayload) => void>()
+
   constructor (
     private readonly playerHTML: PlayerHTML
   ) {
@@ -26,18 +28,26 @@ export class LiveManager {
       this.liveSocket = io(window.location.origin + '/live-videos')
     }
 
-    this.liveSocket.on('state-change', (payload: LiveVideoEventPayload) => {
+    const listener = (payload: LiveVideoEventPayload) => {
       if (payload.state === VideoState.PUBLISHED) {
         this.playerHTML.removeInformation()
         onPublishedVideo()
         return
       }
-    })
+    }
+
+    this.liveSocket.on('state-change', listener)
+    this.listeners.set(video.uuid, listener)
 
     this.liveSocket.emit('subscribe', { videoId: video.id })
   }
 
   stopListeningForChanges (video: VideoDetails) {
+    const listener = this.listeners.get(video.uuid)
+    if (listener) {
+      this.liveSocket.off('state-change', listener)
+    }
+
     this.liveSocket.emit('unsubscribe', { videoId: video.id })
   }
 
diff --git a/client/src/standalone/videos/shared/player-html.ts b/client/src/standalone/videos/shared/player-html.ts
index 61231d2cb..d93678c10 100644
--- a/client/src/standalone/videos/shared/player-html.ts
+++ b/client/src/standalone/videos/shared/player-html.ts
@@ -79,7 +79,10 @@ export class PlayerHTML {
   }
 
   removeInformation () {
+    if (!this.informationElement) return
+
     this.removeElement(this.informationElement)
+    this.informationElement = undefined
   }
 
   private getPlaceholderElement () {