@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.
- package/README.md +1 -1
- package/lib/js/ads/ster.d.ts +3 -3
- package/lib/js/ads/ster.js +114 -98
- package/lib/js/ads/ster.js.map +1 -1
- package/lib/js/ads/ster.test.js +0 -27
- package/lib/js/ads/ster.test.js.map +1 -1
- package/lib/js/checks/{safari.d.ts → apple.d.ts} +1 -0
- package/lib/js/checks/{safari.js → apple.js} +11 -1
- package/lib/js/checks/apple.js.map +1 -0
- package/lib/js/checks/apple.test.js +21 -0
- package/lib/js/checks/apple.test.js.map +1 -0
- package/lib/js/drm/drm.d.ts +2 -0
- package/lib/js/drm/drm.js +3 -0
- package/lib/js/drm/drm.js.map +1 -0
- package/lib/js/drm/handlers/decideprofile.d.ts +3 -0
- package/lib/js/drm/handlers/decideprofile.js +52 -0
- package/lib/js/drm/handlers/decideprofile.js.map +1 -0
- package/lib/js/drm/{verifydrm.d.ts → handlers/verifydrm.d.ts} +2 -2
- package/lib/js/drm/{verifydrm.js → handlers/verifydrm.js} +2 -2
- package/lib/js/drm/handlers/verifydrm.js.map +1 -0
- package/lib/js/drm/handlers/verifydrm.test.js.map +1 -0
- package/lib/js/playeractions/handlers/handleoffsets.js.map +1 -1
- package/lib/js/playeractions/handlers/mediasessionactions.d.ts +2 -0
- package/lib/js/playeractions/handlers/mediasessionactions.js +107 -0
- package/lib/js/playeractions/handlers/mediasessionactions.js.map +1 -0
- package/lib/js/playeractions/handlers/processplayerconfig.js +2 -2
- package/lib/js/playeractions/handlers/processplayerconfig.js.map +1 -1
- package/lib/js/playeractions/handlers/processsourceconfig.d.ts +3 -0
- package/lib/js/playeractions/handlers/processsourceconfig.js +158 -0
- package/lib/js/playeractions/handlers/processsourceconfig.js.map +1 -0
- package/lib/js/playeractions/playeractions.d.ts +1 -0
- package/lib/js/playeractions/playeractions.js +1 -0
- package/lib/js/playeractions/playeractions.js.map +1 -1
- package/lib/js/tracking/handlers/eventbinding.js +37 -30
- package/lib/js/tracking/handlers/eventbinding.js.map +1 -1
- package/lib/js/tracking/handlers/eventlogging.js +1 -1
- package/lib/js/tracking/handlers/eventlogging.js.map +1 -1
- package/lib/js/ui/components/audio/controlbar.d.ts +3 -0
- package/lib/js/ui/components/audio/controlbar.js +23 -0
- package/lib/js/ui/components/audio/controlbar.js.map +1 -0
- package/lib/js/ui/components/controlbar.js +3 -16
- package/lib/js/ui/components/controlbar.js.map +1 -1
- package/lib/js/ui/components/nativemobile/buttons.d.ts +3 -3
- package/lib/js/ui/components/nativemobile/buttons.js +65 -52
- package/lib/js/ui/components/nativemobile/buttons.js.map +1 -1
- package/lib/js/ui/components/nativemobile/controlbar.js +7 -14
- package/lib/js/ui/components/nativemobile/controlbar.js.map +1 -1
- package/lib/js/ui/components/nativemobile/topbar.js +7 -15
- package/lib/js/ui/components/nativemobile/topbar.js.map +1 -1
- package/lib/js/ui/components/seekbar.d.ts +6 -0
- package/lib/js/ui/components/seekbar.js +21 -0
- package/lib/js/ui/components/seekbar.js.map +1 -0
- package/lib/js/ui/components/settingspanel.js +23 -1
- package/lib/js/ui/components/settingspanel.js.map +1 -1
- package/lib/js/ui/components/shared/playnextscreen.js +1 -1
- package/lib/js/ui/components/shared/playnextscreen.js.map +1 -1
- package/lib/js/ui/nativemobileuicontainer.d.ts +1 -1
- package/lib/js/ui/nativemobileuicontainer.js +12 -3
- package/lib/js/ui/nativemobileuicontainer.js.map +1 -1
- package/lib/js/ui/nativemobileuifactory.js +5 -5
- package/lib/js/ui/nativemobileuifactory.js.map +1 -1
- package/lib/js/ui/uicontainer.d.ts +2 -1
- package/lib/js/ui/uicontainer.js +26 -8
- package/lib/js/ui/uicontainer.js.map +1 -1
- package/lib/js/utilities/utilities.js +13 -2
- package/lib/js/utilities/utilities.js.map +1 -1
- package/lib/npoplayer.d.ts +6 -7
- package/lib/npoplayer.js +21 -241
- package/lib/npoplayer.js.map +1 -1
- package/lib/package.json +3 -3
- package/lib/src/js/ads/ster.d.ts +3 -3
- package/lib/src/js/checks/{safari.d.ts → apple.d.ts} +1 -0
- package/lib/src/js/drm/drm.d.ts +2 -0
- package/lib/src/js/drm/handlers/decideprofile.d.ts +3 -0
- package/lib/src/js/drm/{verifydrm.d.ts → handlers/verifydrm.d.ts} +2 -2
- package/lib/src/js/playeractions/handlers/mediasessionactions.d.ts +2 -0
- package/lib/src/js/playeractions/handlers/processsourceconfig.d.ts +3 -0
- package/lib/src/js/playeractions/playeractions.d.ts +1 -0
- package/lib/src/js/ui/components/audio/controlbar.d.ts +3 -0
- package/lib/src/js/ui/components/nativemobile/buttons.d.ts +3 -3
- package/lib/src/js/ui/components/seekbar.d.ts +6 -0
- package/lib/src/js/ui/nativemobileuicontainer.d.ts +1 -1
- package/lib/src/js/ui/uicontainer.d.ts +2 -1
- package/lib/src/npoplayer.d.ts +6 -7
- package/lib/src/types/interfaces.d.ts +6 -0
- package/lib/types/interfaces.d.ts +6 -0
- package/lib/types/interfaces.js +6 -0
- package/lib/types/interfaces.js.map +1 -1
- package/package.json +3 -3
- package/src/scss/components/_audio.scss +4 -0
- package/src/scss/components/_buffering.scss +37 -29
- package/src/scss/components/_hugeplaybacktogglebutton.scss +1 -1
- package/src/scss/components/_icons.scss +1 -1
- package/src/scss/components/_replay.scss +0 -5
- package/src/scss/components/_seekbar.scss +9 -5
- package/src/scss/components/_settingspanel.scss +6 -2
- package/src/scss/components/_subtitles.scss +45 -27
- package/src/scss/components/_volumeslider.scss +1 -0
- package/src/scss/components/audio/_bottombar.scss +43 -0
- package/src/scss/components/audio/_buffering.scss +8 -0
- package/src/scss/components/audio/_errors.scss +13 -0
- package/src/scss/components/audio/_metadata.scss +38 -0
- package/src/scss/components/audio/_playbutton.scss +66 -0
- package/src/scss/components/audio/_poster.scss +19 -0
- package/src/scss/components/audio/_replay.scss +28 -0
- package/src/scss/components/audio/_seekbar.scss +26 -0
- package/src/scss/components/audio/_topbar.scss +35 -0
- package/src/scss/components/audio/_vars.scss +5 -0
- package/src/scss/components/audio/_volumeslider.scss +35 -0
- package/src/scss/npoplayer.css +104 -45
- package/src/scss/npoplayer.scss +10 -6
- package/src/scss/variants/_player-audio.scss +55 -0
- package/src/scss/variants/_player-base.scss +4 -0
- package/src/scss/variants/_player-small.scss +4 -0
- package/src/scss/vars/_audio.scss +5 -0
- package/src/scss/vars/_colors.scss +4 -0
- package/lib/js/checks/safari.js.map +0 -1
- package/lib/js/checks/safari.test.js +0 -21
- package/lib/js/checks/safari.test.js.map +0 -1
- package/lib/js/drm/verifydrm.js.map +0 -1
- package/lib/js/drm/verifydrm.test.js.map +0 -1
- /package/lib/js/checks/{safari.test.d.ts → apple.test.d.ts} +0 -0
- /package/lib/js/drm/{verifydrm.test.d.ts → handlers/verifydrm.test.d.ts} +0 -0
- /package/lib/js/drm/{verifydrm.test.js → handlers/verifydrm.test.js} +0 -0
- /package/lib/src/js/checks/{safari.test.d.ts → apple.test.d.ts} +0 -0
- /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,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
|
+
}
|