@npo/player 1.10.2 → 1.11.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 (72) hide show
  1. package/README.md +5 -207
  2. package/lib/js/drm/verifydrm.test.js +1 -1
  3. package/lib/js/ui/nativemobileuifactory.js +4 -0
  4. package/lib/js/ui/nativemobileuifactory.js.map +1 -1
  5. package/lib/npoplayer.js +7 -3
  6. package/lib/npoplayer.js.map +1 -1
  7. package/lib/package.json +8 -7
  8. package/lib/src/js/ads/ster.d.ts +4 -0
  9. package/lib/src/js/ads/ster.test.d.ts +1 -0
  10. package/lib/src/js/api/getstreamobject.d.ts +3 -0
  11. package/lib/src/js/cdnproviders.d.ts +1 -0
  12. package/lib/src/js/checks/safari.d.ts +1 -0
  13. package/lib/src/js/checks/safari.test.d.ts +1 -0
  14. package/lib/src/js/drm/verifydrm.d.ts +4 -0
  15. package/lib/src/js/drm/verifydrm.test.d.ts +1 -0
  16. package/lib/src/js/fragments/setfragments.d.ts +4 -0
  17. package/lib/src/js/playeractions/customerrors.test.d.ts +1 -0
  18. package/lib/src/js/playeractions/handlers/customerrors.d.ts +50 -0
  19. package/lib/src/js/playeractions/handlers/error.d.ts +3 -0
  20. package/lib/src/js/playeractions/handlers/error.test.d.ts +1 -0
  21. package/lib/src/js/playeractions/handlers/handleoffsets.d.ts +6 -0
  22. package/lib/src/js/playeractions/handlers/handleoffsets.test.d.ts +1 -0
  23. package/lib/src/js/playeractions/handlers/processplayerconfig.d.ts +3 -0
  24. package/lib/src/js/playeractions/handlers/resolvekeypress.d.ts +3 -0
  25. package/lib/src/js/playeractions/playeractions.d.ts +4 -0
  26. package/lib/src/js/tracking/handlers/eventbinding.d.ts +3 -0
  27. package/lib/src/js/tracking/handlers/eventlogging.d.ts +2 -0
  28. package/lib/src/js/tracking/handlers/playertrackerinit.d.ts +4 -0
  29. package/lib/src/js/tracking/handlers/playertrackerstart.d.ts +1 -0
  30. package/lib/src/js/tracking/playertracker.d.ts +4 -0
  31. package/lib/src/js/ui/components/adbutton.d.ts +7 -0
  32. package/lib/src/js/ui/components/adlabel.d.ts +7 -0
  33. package/lib/src/js/ui/components/buttons.d.ts +30 -0
  34. package/lib/src/js/ui/components/controlbar.d.ts +3 -0
  35. package/lib/src/js/ui/components/ctabar.d.ts +9 -0
  36. package/lib/src/js/ui/components/nativemobile/addFragments.d.ts +1 -0
  37. package/lib/src/js/ui/components/nativemobile/buttons.d.ts +13 -0
  38. package/lib/src/js/ui/components/nativemobile/controlbar.d.ts +3 -0
  39. package/lib/src/js/ui/components/nativemobile/ctabar.d.ts +10 -0
  40. package/lib/src/js/ui/components/nativemobile/playnext.d.ts +10 -0
  41. package/lib/src/js/ui/components/nativemobile/titlebar.d.ts +2 -0
  42. package/lib/src/js/ui/components/nativemobile/topbar.d.ts +3 -0
  43. package/lib/src/js/ui/components/playnext.d.ts +11 -0
  44. package/lib/src/js/ui/components/settingspanel.d.ts +4 -0
  45. package/lib/src/js/ui/components/shared/playnextscreen.d.ts +2 -0
  46. package/lib/src/js/ui/components/titlebar.d.ts +3 -0
  47. package/lib/src/js/ui/components/topbar.d.ts +2 -0
  48. package/lib/src/js/ui/handlers/listboxhandlers.d.ts +5 -0
  49. package/lib/src/js/ui/handlers/nicamhandler.d.ts +2 -0
  50. package/lib/src/js/ui/handlers/nicamhandler.test.d.ts +1 -0
  51. package/lib/src/js/ui/handlers/playnexthandlers.d.ts +0 -0
  52. package/lib/src/js/ui/handlers/timecontrolhandlers.d.ts +3 -0
  53. package/lib/src/js/ui/nativemobileuicontainer.d.ts +6 -0
  54. package/lib/src/js/ui/nativemobileuifactory.d.ts +3 -0
  55. package/lib/src/js/ui/uicontainer.d.ts +3 -0
  56. package/lib/src/js/utilities/localizationconfig.d.ts +6 -0
  57. package/lib/src/js/utilities/printversion.d.ts +1 -0
  58. package/lib/src/js/utilities/utilities.d.ts +10 -0
  59. package/lib/src/npoplayer.d.ts +45 -0
  60. package/lib/src/npoplayer.test.d.ts +1 -0
  61. package/lib/src/types/classes.d.ts +4 -0
  62. package/lib/src/types/interfaces.d.ts +108 -0
  63. package/lib/types/interfaces.d.ts +2 -0
  64. package/lib/types/interfaces.js.map +1 -1
  65. package/package.json +8 -7
  66. package/src/scss/npoplayer.css +594 -2
  67. package/src/scss/npoplayer.scss +1 -1
  68. package/src/scss/variants/_player-base.scss +12 -1
  69. package/src/scss/variants/_player-large.scss +1 -1
  70. package/src/scss/variants/_player-medium.scss +1 -1
  71. package/src/scss/vars/_fonts.scss +9 -9
  72. package/src/scss/vars/_icons.scss +1 -0
package/src/scss/npoplayer.scss CHANGED
@@ -1,4 +1,4 @@
1
- @import 'bitmovin-player-ui/dist/css/bitmovinplayer-ui.css';
1
+ @import 'bitmovin-player-ui/dist/css/bitmovinplayer-ui.min.css';
2
2
 
3
3
  $cdn: 'https://cdn.npoplayer.nl/assets/';
4
4
 
package/src/scss/variants/_player-base.scss CHANGED
@@ -48,8 +48,19 @@
48
48
  &.bmpui-player-state-paused {
49
49
  &.bmpui-controls-shown {
50
50
  .bmpui-ui-hugeplaybacktogglebutton {
51
- display: none;
51
+ visibility: hidden;
52
52
  }
53
53
  }
54
54
  }
55
+
56
+ &.livestream-dvr {
57
+ .bmpui-ui-rewindbutton,
58
+ .bmpui-ui-forwardbutton {
59
+ display: none;
60
+ }
61
+
62
+ .bmpui-ui-playbacktogglebutton.bmpui-on {
63
+ mask-image: var(--npo-player-icon-stop);
64
+ }
65
+ }
55
66
  }
package/src/scss/variants/_player-large.scss CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
  // Controlbar bottom
10
10
  .bmpui-ui-controlbar.bmpui-ui-controlbar-bottom {
11
- padding: 136px 56px 48px;
11
+ padding: 0 56px 48px;
12
12
 
13
13
  .bmpui-controlbar-bottom > .bmpui-container-wrapper {
14
14
  margin: 14px 8px 0;
package/src/scss/variants/_player-medium.scss CHANGED
@@ -9,7 +9,7 @@
9
9
  }
10
10
 
11
11
  .bmpui-ui-controlbar.bmpui-ui-controlbar-bottom {
12
- padding: 102px 16px 24px;
12
+ padding: 0 16px 24px;
13
13
 
14
14
  .bmpui-controlbar-bottom>.bmpui-container-wrapper {
15
15
  margin: 14px 8px 0;
package/src/scss/vars/_fonts.scss CHANGED
@@ -3,17 +3,17 @@
3
3
  // The variables will be used in the rest of the stylesheet
4
4
  */
5
5
 
6
- .bmpui-npo-player {
7
- @font-face {
8
- font-family: 'NPOSansBold';
9
- src: url($cdn + 'fonts/NPO-Sans-Bold-v1.0.otf') format('truetype');
10
- }
6
+ @font-face {
7
+ font-family: 'NPOSansBold';
8
+ src: url($cdn + 'fonts/NPO-Sans-Bold-v1.0.otf') format('truetype');
9
+ }
11
10
 
12
- @font-face {
13
- font-family: 'NPOSansRegular';
14
- src: url($cdn + 'fonts/NPO-Sans-Regular-v1.0.otf') format('truetype');
15
- }
11
+ @font-face {
12
+ font-family: 'NPOSansRegular';
13
+ src: url($cdn + 'fonts/NPO-Sans-Regular-v1.0.otf') format('truetype');
14
+ }
16
15
 
16
+ .bmpui-npo-player {
17
17
  --fontRegular: 'NPOSansRegular', sans-serif;
18
18
  --fontBold: 'NPOSansBold', sans-serif;
19
19
  --subtitlesfont: 'NPOSansBold', sans-serif;
package/src/scss/vars/_icons.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  .bmpui-npo-player {
6
6
  --npo-player-icon-play: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 6.08445C7 4.99428 7.77922 4 8.86233 4C9.22128 4 9.56872 4.11584 9.86512 4.32772L18.1408 10.2432C19.0091 10.8639 19.2422 12.1267 18.7349 13.073C18.5889 13.3453 18.3869 13.5808 18.1408 13.7567L9.86512 19.6721C8.95894 20.3199 7.79138 19.9692 7.26553 18.9885C7.09037 18.6618 7 18.2904 7 17.9154V6.08445Z' fill='white'/%3E%3C/svg%3E%0A");
7
7
  --npo-player-icon-pause: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 6C6 4.89543 6.89543 4 8 4C9.10457 4 10 4.89543 10 6V18C10 19.1046 9.10457 20 8 20C6.89543 20 6 19.1046 6 18V6Z' fill='white'/%3E%3Cpath d='M14 6C14 4.89543 14.8954 4 16 4C17.1046 4 18 4.89543 18 6V18C18 19.1046 17.1046 20 16 20C14.8954 20 14 19.1046 14 18V6Z' fill='white'/%3E%3C/svg%3E");
8
+ --npo-player-icon-stop: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7C4 5.34315 5.34315 4 7 4H17C18.6569 4 20 5.34315 20 7V17C20 18.6569 18.6569 20 17 20H7C5.34315 20 4 18.6569 4 17V7Z' fill='white'/%3E%3C/svg%3E");
8
9
  --npo-player-icon-forward: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4L18 4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 1L20 4L17 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.66911 10.069C8.68311 10.265 8.76011 10.349 8.93511 10.349C8.95611 10.349 9.06111 10.342 9.12411 10.335L9.65611 10.279V14.192C9.65611 14.409 9.74711 14.5 9.96411 14.5H10.2161C10.4331 14.5 10.5241 14.409 10.5241 14.192V9.76096C10.5241 9.57196 10.4121 9.49496 10.2441 9.49496C10.1671 9.49496 9.95011 9.51596 9.77511 9.53696L8.94911 9.62796C8.74611 9.64896 8.66211 9.73296 8.66211 9.92196C8.66211 9.93596 8.66211 9.95696 8.66911 10.069Z' fill='white'/%3E%3Cpath d='M13.2942 13.807C12.4122 13.807 12.1322 13.016 12.1322 12.015C12.1322 11.007 12.4122 10.223 13.2942 10.223C14.1832 10.223 14.4562 11.007 14.4562 12.015C14.4562 13.016 14.1832 13.807 13.2942 13.807ZM13.2942 14.57C14.5472 14.57 15.3382 13.646 15.3382 12.015C15.3382 10.391 14.5472 9.45996 13.2942 9.45996C12.0412 9.45996 11.2502 10.391 11.2502 12.015C11.2502 13.646 12.0412 14.57 13.2942 14.57Z' fill='white'/%3E%3C/svg%3E");
9
10
  --npo-player-icon-backward: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4L6 4' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 1L4 4L7 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.66911 10.069C8.68311 10.265 8.76011 10.349 8.93511 10.349C8.95611 10.349 9.06111 10.342 9.12411 10.335L9.65611 10.279V14.192C9.65611 14.409 9.74711 14.5 9.96411 14.5H10.2161C10.4331 14.5 10.5241 14.409 10.5241 14.192V9.76102C10.5241 9.57202 10.4121 9.49502 10.2441 9.49502C10.1671 9.49502 9.95011 9.51602 9.77511 9.53702L8.94911 9.62802C8.74611 9.64902 8.66211 9.73302 8.66211 9.92202C8.66211 9.93602 8.66211 9.95702 8.66911 10.069Z' fill='white'/%3E%3Cpath d='M13.2942 13.807C12.4122 13.807 12.1322 13.016 12.1322 12.015C12.1322 11.007 12.4122 10.223 13.2942 10.223C14.1832 10.223 14.4562 11.007 14.4562 12.015C14.4562 13.016 14.1832 13.807 13.2942 13.807ZM13.2942 14.57C14.5472 14.57 15.3382 13.646 15.3382 12.015C15.3382 10.391 14.5472 9.46002 13.2942 9.46002C12.0412 9.46002 11.2502 10.391 11.2502 12.015C11.2502 13.646 12.0412 14.57 13.2942 14.57Z' fill='white'/%3E%3C/svg%3E");
10
11
  --npo-player-icon-chromecast: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.99995 5C3.73474 5 3.48038 5.10536 3.29285 5.29289C3.10531 5.48043 2.99995 5.73478 2.99995 6V8C2.99995 8.55228 2.55224 9 1.99995 9C1.44767 9 0.999953 8.55228 0.999953 8V6C0.999953 5.20435 1.31602 4.44129 1.87863 3.87868C2.44124 3.31607 3.2043 3 3.99995 3H20C20.7956 3 21.5587 3.31607 22.1213 3.87868C22.6839 4.44129 23 5.20435 23 6V18C23 18.7957 22.6839 19.5587 22.1213 20.1213C21.5587 20.6839 20.7956 21 20 21H14C13.4477 21 13 20.5523 13 20C13 19.4477 13.4477 19 14 19H20C20.2652 19 20.5195 18.8946 20.7071 18.7071C20.8946 18.5196 21 18.2652 21 18V6C21 5.73478 20.8946 5.48043 20.7071 5.29289C20.5195 5.10536 20.2652 5 20 5H3.99995ZM1.00608 11.9395C1.06713 11.3906 1.56159 10.9951 2.11049 11.0561C4.36692 11.3071 6.4708 12.3184 8.07617 13.9238C9.68155 15.5292 10.6929 17.633 10.9438 19.8895C11.0049 20.4384 10.6094 20.9328 10.0605 20.9939C9.51159 21.0549 9.01713 20.6594 8.95608 20.1105C8.75531 18.3054 7.94626 16.6223 6.66196 15.338C5.37766 14.0537 3.69456 13.2446 1.88941 13.0439C1.34051 12.9828 0.945032 12.4884 1.00608 11.9395ZM1.02012 15.9002C1.13049 15.359 1.65864 15.0098 2.19978 15.1202C3.35285 15.3553 4.41131 15.9244 5.24344 16.7565C6.07557 17.5886 6.64462 18.6471 6.87978 19.8002C6.99015 20.3413 6.64093 20.8695 6.09978 20.9798C5.55864 21.0902 5.03049 20.741 4.92012 20.1998C4.76335 19.4311 4.38398 18.7255 3.82923 18.1707C3.27448 17.616 2.56884 17.2366 1.80012 17.0798C1.25898 16.9695 0.909759 16.4413 1.02012 15.9002Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.999953 20C0.999953 19.4477 1.44767 19 1.99995 19H2.00995C2.56224 19 3.00995 19.4477 3.00995 20C3.00995 20.5523 2.56224 21 2.00995 21H1.99995C1.44767 21 0.999953 20.5523 0.999953 20Z' fill='white'/%3E%3C/svg%3E");