fix(hls): Changed way to create smooth quality switching by using dif…

…ferent HLS method
openplayerjs · May 9, 2024 · 83f2a06 · 83f2a06
1 parent a708f9c
commit 83f2a06
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -105,7 +105,7 @@ If you need a reference on how to use OpenPlayerJS in some of the most common sc
 -   [Playing HLS streaming with DRM (Encryption)](https://codepen.io/rafa8626/pen/QZWEVy)
 -   [M(PEG)-DASH with Ads](https://codepen.io/rafa8626/pen/Xxjmra)
 -   [Ads playlist (multiple URLs)](https://codepen.io/rafa8626/pen/wvvxbMN)
--   [🆕 - Add a custom element (watermark)](https://codepen.io/rafa8626/pen/JjLQNjo)
+-   [Add a custom element (watermark)](https://codepen.io/rafa8626/pen/JjLQNjo)
 
 ### Advanced
 

diff --git a/dist/esm/media/hls.js b/dist/esm/media/hls.js
@@ -102,7 +102,13 @@ class HlsMedia extends Native {
         return levels;
     }
     set level(level) {
-        __classPrivateFieldGet(this, _HlsMedia_player, "f").currentLevel = level;
+        const formattedLevel = Number(level);
+        if (formattedLevel && formattedLevel > -1) {
+            __classPrivateFieldGet(this, _HlsMedia_player, "f").loadLevel = formattedLevel;
+        }
+        else {
+            __classPrivateFieldGet(this, _HlsMedia_player, "f").currentLevel = formattedLevel;
+        }
     }
     get level() {
         return __classPrivateFieldGet(this, _HlsMedia_player, "f") ? __classPrivateFieldGet(this, _HlsMedia_player, "f").currentLevel : '-1';

diff --git a/dist/openplayer.js b/dist/openplayer.js
@@ -4167,7 +4167,12 @@ var HlsMedia = function (_Native) {
       return hls_classPrivateFieldGet(this, _HlsMedia_player, "f") ? hls_classPrivateFieldGet(this, _HlsMedia_player, "f").currentLevel : '-1';
     },
     set: function set(level) {
-      hls_classPrivateFieldGet(this, _HlsMedia_player, "f").currentLevel = level;
+      var formattedLevel = Number(level);
+      if (formattedLevel && formattedLevel > -1) {
+        hls_classPrivateFieldGet(this, _HlsMedia_player, "f").loadLevel = formattedLevel;
+      } else {
+        hls_classPrivateFieldGet(this, _HlsMedia_player, "f").currentLevel = formattedLevel;
+      }
     }
   }, {
     key: "_create",

diff --git a/dist/openplayer.min.js b/dist/openplayer.min.js
diff --git a/dist/openplayer.min.js.map b/dist/openplayer.min.js.map
diff --git a/src/js/media/hls.ts b/src/js/media/hls.ts
@@ -122,7 +122,12 @@ class HlsMedia extends Native {
     }
 
     set level(level: string) {
-        this.#player.currentLevel = level;
+        const formattedLevel = Number(level);
+        if (formattedLevel && formattedLevel > -1) {
+            this.#player.loadLevel = formattedLevel;
+        } else {
+            this.#player.currentLevel = formattedLevel;
+        }
     }
 
     get level(): string {