@npo/player 1.13.2 → 1.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/README.md +1 -1
  2. package/lib/js/ads/ster.d.ts +3 -3
  3. package/lib/js/ads/ster.js +114 -98
  4. package/lib/js/ads/ster.js.map +1 -1
  5. package/lib/js/ads/ster.test.js +0 -27
  6. package/lib/js/ads/ster.test.js.map +1 -1
  7. package/lib/js/checks/{safari.d.ts → apple.d.ts} +1 -0
  8. package/lib/js/checks/{safari.js → apple.js} +11 -1
  9. package/lib/js/checks/apple.js.map +1 -0
  10. package/lib/js/checks/apple.test.js +21 -0
  11. package/lib/js/checks/apple.test.js.map +1 -0
  12. package/lib/js/drm/drm.d.ts +2 -0
  13. package/lib/js/drm/drm.js +3 -0
  14. package/lib/js/drm/drm.js.map +1 -0
  15. package/lib/js/drm/handlers/decideprofile.d.ts +3 -0
  16. package/lib/js/drm/handlers/decideprofile.js +52 -0
  17. package/lib/js/drm/handlers/decideprofile.js.map +1 -0
  18. package/lib/js/drm/{verifydrm.d.ts → handlers/verifydrm.d.ts} +2 -2
  19. package/lib/js/drm/{verifydrm.js → handlers/verifydrm.js} +2 -2
  20. package/lib/js/drm/handlers/verifydrm.js.map +1 -0
  21. package/lib/js/drm/handlers/verifydrm.test.js.map +1 -0
  22. package/lib/js/playeractions/handlers/handleoffsets.js.map +1 -1
  23. package/lib/js/playeractions/handlers/mediasessionactions.d.ts +2 -0
  24. package/lib/js/playeractions/handlers/mediasessionactions.js +107 -0
  25. package/lib/js/playeractions/handlers/mediasessionactions.js.map +1 -0
  26. package/lib/js/playeractions/handlers/processplayerconfig.js +2 -2
  27. package/lib/js/playeractions/handlers/processplayerconfig.js.map +1 -1
  28. package/lib/js/playeractions/handlers/processsourceconfig.d.ts +3 -0
  29. package/lib/js/playeractions/handlers/processsourceconfig.js +158 -0
  30. package/lib/js/playeractions/handlers/processsourceconfig.js.map +1 -0
  31. package/lib/js/playeractions/playeractions.d.ts +1 -0
  32. package/lib/js/playeractions/playeractions.js +1 -0
  33. package/lib/js/playeractions/playeractions.js.map +1 -1
  34. package/lib/js/tracking/handlers/eventbinding.js +37 -30
  35. package/lib/js/tracking/handlers/eventbinding.js.map +1 -1
  36. package/lib/js/tracking/handlers/eventlogging.js +1 -1
  37. package/lib/js/tracking/handlers/eventlogging.js.map +1 -1
  38. package/lib/js/ui/components/audio/controlbar.d.ts +3 -0
  39. package/lib/js/ui/components/audio/controlbar.js +23 -0
  40. package/lib/js/ui/components/audio/controlbar.js.map +1 -0
  41. package/lib/js/ui/components/controlbar.js +3 -16
  42. package/lib/js/ui/components/controlbar.js.map +1 -1
  43. package/lib/js/ui/components/nativemobile/buttons.d.ts +3 -3
  44. package/lib/js/ui/components/nativemobile/buttons.js +65 -52
  45. package/lib/js/ui/components/nativemobile/buttons.js.map +1 -1
  46. package/lib/js/ui/components/nativemobile/controlbar.js +7 -14
  47. package/lib/js/ui/components/nativemobile/controlbar.js.map +1 -1
  48. package/lib/js/ui/components/nativemobile/topbar.js +7 -15
  49. package/lib/js/ui/components/nativemobile/topbar.js.map +1 -1
  50. package/lib/js/ui/components/seekbar.d.ts +6 -0
  51. package/lib/js/ui/components/seekbar.js +21 -0
  52. package/lib/js/ui/components/seekbar.js.map +1 -0
  53. package/lib/js/ui/components/settingspanel.js +23 -1
  54. package/lib/js/ui/components/settingspanel.js.map +1 -1
  55. package/lib/js/ui/components/shared/playnextscreen.js +1 -1
  56. package/lib/js/ui/components/shared/playnextscreen.js.map +1 -1
  57. package/lib/js/ui/nativemobileuicontainer.d.ts +1 -1
  58. package/lib/js/ui/nativemobileuicontainer.js +12 -3
  59. package/lib/js/ui/nativemobileuicontainer.js.map +1 -1
  60. package/lib/js/ui/nativemobileuifactory.js +5 -5
  61. package/lib/js/ui/nativemobileuifactory.js.map +1 -1
  62. package/lib/js/ui/uicontainer.d.ts +2 -1
  63. package/lib/js/ui/uicontainer.js +26 -8
  64. package/lib/js/ui/uicontainer.js.map +1 -1
  65. package/lib/js/utilities/utilities.js +13 -2
  66. package/lib/js/utilities/utilities.js.map +1 -1
  67. package/lib/npoplayer.d.ts +6 -7
  68. package/lib/npoplayer.js +21 -241
  69. package/lib/npoplayer.js.map +1 -1
  70. package/lib/package.json +3 -3
  71. package/lib/src/js/ads/ster.d.ts +3 -3
  72. package/lib/src/js/checks/{safari.d.ts → apple.d.ts} +1 -0
  73. package/lib/src/js/drm/drm.d.ts +2 -0
  74. package/lib/src/js/drm/handlers/decideprofile.d.ts +3 -0
  75. package/lib/src/js/drm/{verifydrm.d.ts → handlers/verifydrm.d.ts} +2 -2
  76. package/lib/src/js/playeractions/handlers/mediasessionactions.d.ts +2 -0
  77. package/lib/src/js/playeractions/handlers/processsourceconfig.d.ts +3 -0
  78. package/lib/src/js/playeractions/playeractions.d.ts +1 -0
  79. package/lib/src/js/ui/components/audio/controlbar.d.ts +3 -0
  80. package/lib/src/js/ui/components/nativemobile/buttons.d.ts +3 -3
  81. package/lib/src/js/ui/components/seekbar.d.ts +6 -0
  82. package/lib/src/js/ui/nativemobileuicontainer.d.ts +1 -1
  83. package/lib/src/js/ui/uicontainer.d.ts +2 -1
  84. package/lib/src/npoplayer.d.ts +6 -7
  85. package/lib/src/types/interfaces.d.ts +6 -0
  86. package/lib/types/interfaces.d.ts +6 -0
  87. package/lib/types/interfaces.js +6 -0
  88. package/lib/types/interfaces.js.map +1 -1
  89. package/package.json +3 -3
  90. package/src/scss/components/_audio.scss +4 -0
  91. package/src/scss/components/_buffering.scss +37 -29
  92. package/src/scss/components/_hugeplaybacktogglebutton.scss +1 -1
  93. package/src/scss/components/_icons.scss +1 -1
  94. package/src/scss/components/_replay.scss +0 -5
  95. package/src/scss/components/_seekbar.scss +9 -5
  96. package/src/scss/components/_settingspanel.scss +6 -2
  97. package/src/scss/components/_subtitles.scss +45 -27
  98. package/src/scss/components/_volumeslider.scss +1 -0
  99. package/src/scss/components/audio/_bottombar.scss +43 -0
  100. package/src/scss/components/audio/_buffering.scss +8 -0
  101. package/src/scss/components/audio/_errors.scss +13 -0
  102. package/src/scss/components/audio/_metadata.scss +38 -0
  103. package/src/scss/components/audio/_playbutton.scss +66 -0
  104. package/src/scss/components/audio/_poster.scss +19 -0
  105. package/src/scss/components/audio/_replay.scss +28 -0
  106. package/src/scss/components/audio/_seekbar.scss +26 -0
  107. package/src/scss/components/audio/_topbar.scss +35 -0
  108. package/src/scss/components/audio/_vars.scss +5 -0
  109. package/src/scss/components/audio/_volumeslider.scss +35 -0
  110. package/src/scss/npoplayer.css +104 -45
  111. package/src/scss/npoplayer.scss +10 -6
  112. package/src/scss/variants/_player-audio.scss +55 -0
  113. package/src/scss/variants/_player-base.scss +4 -0
  114. package/src/scss/variants/_player-small.scss +4 -0
  115. package/src/scss/vars/_audio.scss +5 -0
  116. package/src/scss/vars/_colors.scss +4 -0
  117. package/lib/js/checks/safari.js.map +0 -1
  118. package/lib/js/checks/safari.test.js +0 -21
  119. package/lib/js/checks/safari.test.js.map +0 -1
  120. package/lib/js/drm/verifydrm.js.map +0 -1
  121. package/lib/js/drm/verifydrm.test.js.map +0 -1
  122. /package/lib/js/checks/{safari.test.d.ts → apple.test.d.ts} +0 -0
  123. /package/lib/js/drm/{verifydrm.test.d.ts → handlers/verifydrm.test.d.ts} +0 -0
  124. /package/lib/js/drm/{verifydrm.test.js → handlers/verifydrm.test.js} +0 -0
  125. /package/lib/src/js/checks/{safari.test.d.ts → apple.test.d.ts} +0 -0
  126. /package/lib/src/js/drm/{verifydrm.test.d.ts → handlers/verifydrm.test.d.ts} +0 -0
@@ -0,0 +1,28 @@
1
+ &.bmpui-player-state-finished {
2
+ .bmpui-ui-playbacktoggle-overlay {
3
+
4
+ .bmpui-ui-hugeplaybacktogglebutton {
5
+ background: var(--npo-player-primarycolor);
6
+ border-radius: 50%;
7
+ }
8
+
9
+ .bmpui-image,
10
+ .bmpui-image:hover {
11
+ &::after {
12
+ background-color: var(--npo-audio-player-background-color);
13
+ mask-size: 32px;
14
+ }
15
+ }
16
+ }
17
+ }
18
+
19
+ &.bmpui-layout-max-width-400 {
20
+ .bmpui-ui-playbacktoggle-overlay {
21
+ .bmpui-image,
22
+ .bmpui-image:hover {
23
+ &::after {
24
+ mask-size: 24px;
25
+ }
26
+ }
27
+ }
28
+ }
@@ -0,0 +1,26 @@
1
+ .bmpui-ui-playbacktimelabel {
2
+ font-weight: normal;
3
+ font-family: var(--fontRegular);
4
+ }
5
+
6
+ .bmpui-ui-seekbar-label {
7
+ display: none;
8
+ }
9
+
10
+ .bmpui-ui-seekbar {
11
+ .bmpui-seekbar {
12
+ .bmpui-seekbar-playbackposition-marker {
13
+ background-color: var(--npo-player-primarycolor);
14
+ border-color: var(--npo-player-primarycolor);
15
+
16
+ &::after {
17
+ display: none;
18
+ }
19
+ }
20
+
21
+ .bmpui-seekbar-backdrop {
22
+ opacity: 1;
23
+ background-color: var(--npo-player-seekbar-background);
24
+ }
25
+ }
26
+ }
@@ -0,0 +1,35 @@
1
+ // hide when not ready yet
2
+ .bmpui-controlbar-top {
3
+ display: none;
4
+ }
5
+
6
+ &.bmpui-player-state-playing,
7
+ &.bmpui-player-state-paused,
8
+ &.bmpui-player-state-idle,
9
+ &.bmpui-player-state-prepared,
10
+ &.bmpui-player-state-finished {
11
+ .bmpui-controlbar-top {
12
+ display: block;
13
+ }
14
+ }
15
+
16
+ .bmpui-ui-controlbar-top,
17
+ .bmpui-ui-titlebar {
18
+ background: none;
19
+ height: auto;
20
+ padding-left: $player-spacing-left;
21
+ }
22
+
23
+ .bmpui-container-wrapper {
24
+ color: var(--npo-audio-player-text-color);
25
+ }
26
+
27
+ &.bmpui-player-state-prepared {
28
+ &.bmpui-controls-shown {
29
+
30
+ .bmpui-ui-titlebar,
31
+ .bmpui-ui-controlbar {
32
+ display: block;
33
+ }
34
+ }
35
+ }
@@ -0,0 +1,5 @@
1
+ $player-height: 160px;
2
+ $player-height-small: 135px;
3
+ $player-spacing: 20px;
4
+ $player-spacing-inner: 15px;
5
+ $player-spacing-left: 160px;
@@ -0,0 +1,35 @@
1
+ .bmpui-ui-volumeslider.bmpui-vertical {
2
+ top: auto;
3
+ right: $player-spacing-inner;
4
+ left: auto;
5
+ bottom: 50px;
6
+ position: fixed;
7
+ transition: none;
8
+ width: 20px;
9
+
10
+ .bmpui-seekbar-playbackposition-marker {
11
+ display: block;
12
+ }
13
+ }
14
+
15
+ .bmpui-ui-volumetogglebutton {
16
+ width: 24px;
17
+ height: 24px;
18
+ display: none;
19
+ }
20
+
21
+ &.bmpui-player-state-playing,
22
+ &.bmpui-player-state-paused,
23
+ &.bmpui-player-state-idle,
24
+ &.bmpui-player-state-prepared,
25
+ &.bmpui-player-state-finished {
26
+ .bmpui-ui-volumetogglebutton {
27
+ display: block;
28
+ }
29
+ }
30
+
31
+ &.bmpui-layout-max-width-400 {
32
+ .bmpui-ui-volumetogglebutton {
33
+ margin: 0;
34
+ }
35
+ }