perf: destroy hls instance after view change

4gray · Jan 17, 2021 · 2e3681c · 2e3681c
1 parent 14a42dd
commit 2e3681c
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/app/player/components/html-video-player/html-video-player.component.ts b/src/app/player/components/html-video-player/html-video-player.component.ts
@@ -3,6 +3,7 @@ import {
     ElementRef,
     Input,
     OnChanges,
+    OnDestroy,
     SimpleChanges,
     ViewChild,
 } from '@angular/core';
@@ -14,7 +15,7 @@ import * as Hls from 'hls.js';
     templateUrl: './html-video-player.component.html',
     styleUrls: ['./html-video-player.component.scss'],
 })
-export class HtmlVideoPlayerComponent implements OnChanges {
+export class HtmlVideoPlayerComponent implements OnChanges, OnDestroy {
     /** Channel to play  */
     @Input() channel: Channel;
 
@@ -58,4 +59,11 @@ export class HtmlVideoPlayerComponent implements OnChanges {
             );
         }
     }
+
+    /**
+     * Destroy hls instance on component destroy
+     */
+    ngOnDestroy(): void {
+        this.hls.destroy();
+    }
 }