@npo/player 1.13.2 → 1.15.0

package/src/scss/npoplayer.scss

@@ -2,16 +2,19 @@
 
 $cdn: 'https://cdn.npoplayer.nl/assets/';
 
-//Colors
+// Colors
 @import './vars/colors';
 
-//Fonts
+// Fonts
 @import './vars/fonts';
 
-//Icons
+// Icons
 @import './vars/icons';
 
-/*Components*/
+// Audio ui
+@import './vars/audio';
+
+// Components
 .bmpui-npo-player {
     container-type: inline-size;
     @import './components/icons';
@@ -32,10 +35,11 @@ $cdn: 'https://cdn.npoplayer.nl/assets/';
     @import './components/error';
 }
 
-/*Player size variants*/
+// Player size variants
 // @import './variants/player-debug';
 @import './variants/player-base';
 @import './variants/player-large';
 @import './variants/player-medium';
 @import './variants/player-small';
-@import './variants/player-native-mobile';
+@import './variants/player-native-mobile';
+@import './variants/player-audio';

package/src/scss/variants/_player-audio.scss

@@ -0,0 +1,55 @@
+.bitmovinplayer-container.bitmovinplayer-audio-container {
+  container-type: inline-size;
+  @import '../components/audio/vars';
+  --npo-audio-player-poster-border-radius: 8px;
+  --npo-audio-player-poster-background: #ececec;
+
+  height: auto;
+  min-height: unset;
+  background-color: transparent;
+  overflow: visible;
+
+  &::before {
+    display: none;
+  }
+
+  video,
+  #bitmovinplayer-video-my-player {
+    width: 0px;
+    height: 0px;
+  }
+
+  // poster and errors are outsite the npo-player
+  @import '../components/audio/poster';
+  @import '../components/audio/errors';
+
+  .bmpui-npo-player {
+    // reset soms vars for default audio player colors
+    --npo-player-iconcolor: var(--npo-player-primarycolor);
+    --npo-player-unavailable: #cecece;
+    --npo-player-seekbar-marker: var(--npo-player-primarycolor);
+    --npo-player-seekbar-background: #ececec;
+    --npo-player-seekbar-bufferlevel-background: #c9c9c9;
+    --npo-audio-player-border-radius: 20px;
+    --npo-audio-player-box-shadow: 0px 2px 20px 0px #0000001A;
+
+    background-color: var(--npo-audio-player-background-color);
+    height: $player-height;
+    position: relative;
+    box-shadow: var(--npo-audio-player-box-shadow);
+    border-radius: var(--npo-audio-player-border-radius);
+
+    &.bmpui-layout-max-width-400 {
+      height: $player-height-small;
+    }
+
+    @import '../components/audio/topbar';
+    @import '../components/audio/metadata';
+    @import '../components/audio/seekbar';
+    @import '../components/audio/playbutton';
+    @import '../components/audio/bottombar';
+    @import '../components/audio/volumeslider';
+    @import '../components/audio/replay';
+    // @import '../components/audio/buffering';
+  }
+}

package/src/scss/variants/_player-base.scss

@@ -72,6 +72,10 @@
             mask-image: var(--npo-player-icon-stop);
         }
     }
+
+    .bmpui-ui-subtitle-overlay.bmpui-controlbar-visible {
+        bottom: 5.6em;
+    }
 }
 
 .bitmovinplayer-container,

package/src/scss/variants/_player-small.scss

@@ -94,4 +94,8 @@
             }
         }
     }
+
+    .bmpui-ui-subtitle-overlay.bmpui-controlbar-visible {
+        bottom: 1.5em;
+    }
 }

package/src/scss/vars/_audio.scss

@@ -0,0 +1,5 @@
+.bmpui-npo-player {
+  --npo-audio-player-border-radius: 20px;
+  --npo-audio-player-background-color: #fff;
+  --npo-audio-player-text-color: #000;
+}

package/src/scss/vars/_colors.scss

@@ -16,4 +16,8 @@
     --npo-player-graycolor-dark: #030e1e;
     --npo-player-iconcolor: #fff;
     --npo-player-iconcolor-active: var(--npo-player-primarycolor);
+    --npo-player-seekbar-marker: #fff;
+    --npo-player-seekbar-background: #fff;
+    --npo-player-seekbar-playbackposition-background: linear-gradient(90deg, var(--npo-player-primarycolor) 0%, var(--npo-player-primarycolor-light) 100%);
+    --npo-player-seekbar-bufferlevel-background: #fff;
 }

package/lib/js/checks/safari.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"safari.js","sourceRoot":"","sources":["../../../../src/js/checks/safari.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,QAAQ,CAAE,sBAA+B;IACrD,MAAM,iBAAiB,GACf,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACtC,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC;QACvC,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC;QACzC,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;QACrC,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC;QACzC,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IAEhD,OAAO,iBAAiB,IAAI,sBAAsB,CAAA;AACtD,CAAC"}

package/lib/js/checks/safari.test.js

@@ -1,21 +0,0 @@
-import { isSafari } from "./safari";
-describe("Test Safari check", () => {
-    it("should return true for Safari", () => {
-        jest.spyOn(global.navigator, "userAgent", "get").mockReturnValue("Safari");
-        const isFairPlayDrmSupported = false;
-        expect(isSafari(isFairPlayDrmSupported)).toBeTruthy();
-    });
-    it("should return true for isFairPlayDrmSupported", () => {
-        jest.spyOn(global.navigator, "userAgent", "get").mockReturnValue("Chrome");
-        const isFairPlayDrmSupported = true;
-        expect(isSafari(isFairPlayDrmSupported)).toBeTruthy();
-    });
-    it("should return false for any non-Safari userAgents", () => {
-        jest
-            .spyOn(global.navigator, "userAgent", "get")
-            .mockReturnValue("Safari Chrome IEMobile Edge Chromium Android");
-        const isFairPlayDrmSupported = false;
-        expect(isSafari(isFairPlayDrmSupported)).toBeFalsy();
-    });
-});
-//# sourceMappingURL=safari.test.js.map

package/lib/js/checks/safari.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"safari.test.js","sourceRoot":"","sources":["../../../../src/js/checks/safari.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACrC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;QAE1E,MAAM,sBAAsB,GAAG,KAAK,CAAA;QAEpC,MAAM,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;IACzD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACrD,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;QAE1E,MAAM,sBAAsB,GAAG,IAAI,CAAA;QAEnC,MAAM,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAA;IACzD,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QACzD,IAAI;aACC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC;aAC3C,eAAe,CAAC,8CAA8C,CAAC,CAAA;QAEpE,MAAM,sBAAsB,GAAG,KAAK,CAAA;QAEpC,MAAM,CAAC,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,SAAS,EAAE,CAAA;IACxD,CAAC,CAAC,CAAA;AACN,CAAC,CAAC,CAAA"}

package/lib/js/drm/verifydrm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"verifydrm.js","sourceRoot":"","sources":["../../../../src/js/drm/verifydrm.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAKxD,MAAM,CAAC,KAAK,UAAU,SAAS,CAAE,SAAoB,EAAE,MAAiB,EAAE,OAAmB;IACzF,IAAI,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,IAAI,IAAI,EAAE;QAChD,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QACrE,MAAM,gBAAgB,GAAG,cAAc,CAAC,SAAS,CAAC,CAAC,GAAG,CAAA;QACtD,MAAM,WAAW,GAAW,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAA;QAEnD,IAAI,gBAAgB,IAAI,WAAW,EAAE;YACjC,KAAK,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA;SAC3C;aAAM;YAEH,OAAO,CAAC,IAAI,CAAC,wEAAwE,CAAC,CAAA;YAEtF,MAAM,kBAAkB,GAAG,MAAM,eAAe,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;YACpE,MAAM,WAAW,GAAG,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAA;YAGtD,MAAM,kBAAkB,GAAG,IAAI,CAAC,KAAK,CACjC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,YAAY,CAAC,CACzC,CAAA;YACD,kBAAkB,CAAC,MAAM,CAAC,QAAQ,GAAG,WAAW,CAAA;YAEhD,SAAS,CAAC,YAAY,GAAG,kBAAkB,CAAA;YAC3C,KAAK,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA;SAC3C;KACJ;SAAM;QACH,KAAK,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA;KAC3C;AACL,CAAC"}

package/lib/js/drm/verifydrm.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"verifydrm.test.js","sourceRoot":"","sources":["../../../../src/js/drm/verifydrm.test.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,IAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;AAEtB,MAAM,SAAS,GAAG;IACd,YAAY,EAAE,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;CACvC,CAAA;AAEd,MAAM,MAAM,GAAG,EAAE,IAAI,EAA0B,CAAA;AAE/C,MAAM,OAAO,GAAe;IACxB,OAAO,EAAE,KAAK;IACd,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;CACzB,CAAA;AAED,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,SAAS,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,CAAA;QAE3C,MAAM,CAAC,IAAI,CAAC,CAAC,UAAU,EAAE,CAAA;IAC7B,CAAC,CAAC,CAAA;AACN,CAAC,CAAC,CAAA"}