Possible solution to video-dev#3647, adds option to ignore devicePixe…

…lRatio in calculation for stream level choice calculations

src/config.ts

@@ -45,6 +45,7 @@ export type BufferControllerConfig = {
 
 export type CapLevelControllerConfig = {
   capLevelToPlayerSize: boolean;
+  playerSizeIgnoreDevicePixelRatio: boolean;
 };
 
 export type DRMSystemOptions = {
@@ -192,6 +193,7 @@ export const hlsDefaultConfig: HlsConfig = {
   debug: false, // used by logger
   capLevelOnFPSDrop: false, // used by fps-controller
   capLevelToPlayerSize: false, // used by cap-level-controller
+  playerSizeIgnoreDevicePixelRatio: false, // used by cap-level-controller
   initialLiveManifestSize: 1, // used by stream-controller
   maxBufferLength: 30, // used by stream-controller
   backBufferLength: Infinity, // used by buffer-controller

src/controller/cap-level-controller.ts

@@ -215,11 +215,15 @@ class CapLevelController implements ComponentAPI {
   }
 
   get mediaWidth(): number {
-    return this.getDimensions().width * CapLevelController.contentScaleFactor;
+    return this.hls.config.playerSizeIgnoreDevicePixelRatio 
+      ? this.getDimensions().width
+      : this.getDimensions().width * CapLevelController.contentScaleFactor;
   }
 
   get mediaHeight(): number {
-    return this.getDimensions().height * CapLevelController.contentScaleFactor;
+    return this.hls.config.playerSizeIgnoreDevicePixelRatio
+      ? this.getDimensions().height
+      : this.getDimensions().height * CapLevelController.contentScaleFactor;
   }
 
   static get contentScaleFactor(): number {

src/hls.ts

@@ -545,6 +545,36 @@ export default class Hls implements HlsEventEmitter {
     }
   }
 
+  /**
+   * Get the current setting for playerSizeIgnoreDevicePixelRatio
+   *
+   * @type {boolean}
+   */
+  get playerSizeIgnoreDevicePixelRatio(): boolean {
+    return this.config.playerSizeIgnoreDevicePixelRatio;
+  }
+
+  /**
+   * set  dynamically set playerSizeIgnoreDevicePixelRatio against (`CapLevelController`)
+   *
+   * @type {boolean}
+   */
+  set playerSizeIgnoreDevicePixelRatio(shouldStartCapping: boolean) {
+    const newPlayerSizeIgnoreDevicePixelRatio = !!shouldStartCapping;
+
+    if (newPlayerSizeIgnoreDevicePixelRatio !== this.config.playerSizeIgnoreDevicePixelRatio) {
+      if (newPlayerSizeIgnoreDevicePixelRatio) {
+        this.capLevelController.startCapping(); // If capping occurs, nextLevelSwitch will happen based on size.
+      } else {
+        this.capLevelController.stopCapping();
+        this.autoLevelCapping = -1;
+        this.streamController.nextLevelSwitch(); // Now we're uncapped, get the next level asap.
+      }
+
+      this.config.playerSizeIgnoreDevicePixelRatio = newPlayerSizeIgnoreDevicePixelRatio;
+    }
+  }
+
   /**
    * Capping/max level value that should be used by automatic level selection algorithm (`ABRController`)
    * @type {number}