@clickview/player 0.0.8-dev.5 → 0.0.8-dev.6
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/dist/en.json +1 -1
- package/dist/libs/analytics/src/interfaces/AnalyticsTypes.d.ts +2 -0
- package/dist/libs/common/src/react/services/EventsService.d.ts +16 -0
- package/dist/libs/shared/src/components/actions/ActionButton.d.ts +1 -0
- package/dist/libs/shared/src/components/actions/Actions.d.ts +1 -0
- package/dist/libs/shared/src/components/icon-button/IconButton.d.ts +1 -0
- package/dist/libs/shared/src/enums/ShareActivityStatus.d.ts +5 -0
- package/dist/libs/shared/src/enums/ShareType.d.ts +2 -2
- package/dist/libs/shared/src/enums/TagType.d.ts +3 -0
- package/dist/libs/shared/src/interfaces/SetActivityStatusFunc.d.ts +3 -0
- package/dist/libs/shared/src/interfaces/collections/DirectShareCollection.d.ts +2 -3
- package/dist/libs/shared/src/interfaces/collections/UnionShareObjectCollection.d.ts +3 -0
- package/dist/libs/shared/src/interfaces/collections/index.d.ts +1 -0
- package/dist/libs/shared/src/interfaces/collections/primitives/BasePaginatedCollection.d.ts +1 -1
- package/dist/libs/shared/src/interfaces/index.d.ts +1 -0
- package/dist/libs/shared/src/interfaces/models/DirectShare.d.ts +2 -0
- package/dist/libs/shared/src/interfaces/models/Tag.d.ts +5 -0
- package/dist/libs/shared/src/utils/UserHelper.d.ts +1 -0
- package/dist/player-app.css +6 -4
- package/dist/player-app.js +14 -14
- package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-item.d.ts +2 -2
- package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-items.d.ts +2 -2
- package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-load-progress.d.ts +2 -2
- package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-play-progress.d.ts +2 -2
- package/dist/projects/player/src/components/chapters-button/chapter-menu-item.d.ts +2 -2
- package/dist/projects/player/src/components/landing-splash/landing-splash.d.ts +2 -2
- package/dist/projects/player/src/components/landing-splash/metadata/splash-metadata.d.ts +2 -2
- package/dist/projects/player/src/components/landing-splash/metadata/splash-title/splash-title.d.ts +2 -2
- package/dist/projects/player/src/components/landing-splash/metadata/splash-warning/splash-warning.d.ts +2 -2
- package/dist/projects/player/src/components/mouse-time-display/mouse-time-display.d.ts +13 -0
- package/dist/projects/player/src/components/subs-caps-button/SubCapsMenuItem.d.ts +2 -2
- package/dist/projects/player/src/components/subs-caps-button/subtitle-search-menu-item.d.ts +2 -2
- package/dist/projects/player/src/components/subs-caps-button/subtitle-size-menu-item.d.ts +2 -2
- package/dist/projects/player/src/components/text-track-settings/text-track-settings.d.ts +2 -2
- package/dist/projects/player/src/components/thumbnail-display/thumbnail-display.d.ts +2 -2
- package/dist/projects/player/src/players/interactive-player.d.ts +3 -0
- package/dist/projects/player/src/players/player.d.ts +3 -0
- package/dist/projects/player/src/plugins/activity-status-plugin/activity-status-plugin.d.ts +32 -0
- package/dist/projects/player/src/plugins/activity-status-plugin/components/activity-status-button.d.ts +20 -0
- package/dist/projects/player/src/plugins/chromecast-plugin/session-manager.d.ts +2 -2
- package/dist/projects/player/src/plugins/chromecast-plugin/tech/chromecast-tech-ui/chromecast-tech-ui.d.ts +2 -2
- package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector-handle.d.ts +2 -2
- package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector.d.ts +2 -2
- package/dist/projects/player/src/plugins/engagement-overlay-plugin/components/engagement-overlay/engagement-overlay.d.ts +2 -2
- package/dist/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.d.ts +2 -2
- package/dist/projects/player/src/plugins/points-of-interest-plugin/components/point-of-interest-indicator/point-of-interest-indicator.d.ts +18 -2
- package/dist/projects/player/src/plugins/points-of-interest-plugin/components/points-of-interest-menu-item/points-of-interest-menu-item.d.ts +31 -0
- package/dist/projects/player/src/plugins/points-of-interest-plugin/points-of-interest-plugin.d.ts +5 -3
- package/dist/projects/player/src/plugins/touch-controls-plugin/components/touch-controls/touch-controls.d.ts +2 -2
- package/dist/projects/player/src/plugins/whiteboard-mode-plugin/components/drag-handle/drag-handle.d.ts +2 -2
- package/dist/projects/player/src/plugins/whiteboard-mode-plugin/components/drag-targets/drag-targets.d.ts +2 -2
- package/package.json +3 -3
|
@@ -14,7 +14,7 @@ declare const Component: {
|
|
|
14
14
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
15
|
prototype: videojs.ModalDialog;
|
|
16
16
|
};
|
|
17
|
-
getComponent(name: "
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
18
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
19
|
prototype: videojs.Menu;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ declare const Component: {
|
|
|
22
22
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
23
|
prototype: videojs.MenuButton;
|
|
24
24
|
};
|
|
25
|
-
getComponent(name: "
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
26
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
27
|
prototype: videojs.MenuItem;
|
|
28
28
|
};
|
|
@@ -15,7 +15,7 @@ declare const Component: {
|
|
|
15
15
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
16
16
|
prototype: videojs.ModalDialog;
|
|
17
17
|
};
|
|
18
|
-
getComponent(name: "
|
|
18
|
+
getComponent(name: "menu" | "Menu"): {
|
|
19
19
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
20
20
|
prototype: videojs.Menu;
|
|
21
21
|
};
|
|
@@ -23,7 +23,7 @@ declare const Component: {
|
|
|
23
23
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
24
24
|
prototype: videojs.MenuButton;
|
|
25
25
|
};
|
|
26
|
-
getComponent(name: "
|
|
26
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
27
27
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
28
28
|
prototype: videojs.MenuItem;
|
|
29
29
|
};
|
package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-load-progress.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ declare const Component: {
|
|
|
14
14
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
15
|
prototype: videojs.ModalDialog;
|
|
16
16
|
};
|
|
17
|
-
getComponent(name: "
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
18
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
19
|
prototype: videojs.Menu;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ declare const Component: {
|
|
|
22
22
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
23
|
prototype: videojs.MenuButton;
|
|
24
24
|
};
|
|
25
|
-
getComponent(name: "
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
26
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
27
|
prototype: videojs.MenuItem;
|
|
28
28
|
};
|
package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-play-progress.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ declare const Component: {
|
|
|
14
14
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
15
|
prototype: videojs.ModalDialog;
|
|
16
16
|
};
|
|
17
|
-
getComponent(name: "
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
18
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
19
|
prototype: videojs.Menu;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ declare const Component: {
|
|
|
22
22
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
23
|
prototype: videojs.MenuButton;
|
|
24
24
|
};
|
|
25
|
-
getComponent(name: "
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
26
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
27
|
prototype: videojs.MenuItem;
|
|
28
28
|
};
|
|
@@ -15,7 +15,7 @@ declare const ChaptersTrackMenuItem: {
|
|
|
15
15
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
16
16
|
prototype: videojs.ModalDialog;
|
|
17
17
|
};
|
|
18
|
-
getComponent(name: "
|
|
18
|
+
getComponent(name: "menu" | "Menu"): {
|
|
19
19
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
20
20
|
prototype: videojs.Menu;
|
|
21
21
|
};
|
|
@@ -23,7 +23,7 @@ declare const ChaptersTrackMenuItem: {
|
|
|
23
23
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
24
24
|
prototype: videojs.MenuButton;
|
|
25
25
|
};
|
|
26
|
-
getComponent(name: "
|
|
26
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
27
27
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
28
28
|
prototype: videojs.MenuItem;
|
|
29
29
|
};
|
|
@@ -15,7 +15,7 @@ declare const Component: {
|
|
|
15
15
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
16
16
|
prototype: videojs.ModalDialog;
|
|
17
17
|
};
|
|
18
|
-
getComponent(name: "
|
|
18
|
+
getComponent(name: "menu" | "Menu"): {
|
|
19
19
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
20
20
|
prototype: videojs.Menu;
|
|
21
21
|
};
|
|
@@ -23,7 +23,7 @@ declare const Component: {
|
|
|
23
23
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
24
24
|
prototype: videojs.MenuButton;
|
|
25
25
|
};
|
|
26
|
-
getComponent(name: "
|
|
26
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
27
27
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
28
28
|
prototype: videojs.MenuItem;
|
|
29
29
|
};
|
|
@@ -14,7 +14,7 @@ declare const Component: {
|
|
|
14
14
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
15
|
prototype: videojs.ModalDialog;
|
|
16
16
|
};
|
|
17
|
-
getComponent(name: "
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
18
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
19
|
prototype: videojs.Menu;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ declare const Component: {
|
|
|
22
22
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
23
|
prototype: videojs.MenuButton;
|
|
24
24
|
};
|
|
25
|
-
getComponent(name: "
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
26
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
27
|
prototype: videojs.MenuItem;
|
|
28
28
|
};
|
package/dist/projects/player/src/components/landing-splash/metadata/splash-title/splash-title.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ declare const Component: {
|
|
|
14
14
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
15
|
prototype: videojs.ModalDialog;
|
|
16
16
|
};
|
|
17
|
-
getComponent(name: "
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
18
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
19
|
prototype: videojs.Menu;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ declare const Component: {
|
|
|
22
22
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
23
|
prototype: videojs.MenuButton;
|
|
24
24
|
};
|
|
25
|
-
getComponent(name: "
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
26
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
27
|
prototype: videojs.MenuItem;
|
|
28
28
|
};
|
|
@@ -14,7 +14,7 @@ declare const Component: {
|
|
|
14
14
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
15
|
prototype: videojs.ModalDialog;
|
|
16
16
|
};
|
|
17
|
-
getComponent(name: "
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
18
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
19
|
prototype: videojs.Menu;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ declare const Component: {
|
|
|
22
22
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
23
|
prototype: videojs.MenuButton;
|
|
24
24
|
};
|
|
25
|
-
getComponent(name: "
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
26
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
27
|
prototype: videojs.MenuItem;
|
|
28
28
|
};
|
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
import videojs, { VideoJsPlayer } from 'video.js';
|
|
1
2
|
import 'projects/player/components/time-tooltip/time-tooltip';
|
|
2
3
|
import 'projects/player/components/thumbnail-display/thumbnail-display';
|
|
3
4
|
import './mouse-time-display.scss';
|
|
5
|
+
declare const BaseMouseTimeDisplay: {
|
|
6
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
|
|
7
|
+
prototype: videojs.MouseTimeDisplay;
|
|
8
|
+
};
|
|
9
|
+
export declare class MouseTimeDisplay extends BaseMouseTimeDisplay {
|
|
10
|
+
private el_;
|
|
11
|
+
constructor(player: VideoJsPlayer, options: videojs.ComponentOptions);
|
|
12
|
+
update(seekBarRect: ClientRect, seekBarPoint: number): void;
|
|
13
|
+
forceShow(): void;
|
|
14
|
+
removeForceShow(): void;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -14,7 +14,7 @@ declare const SubCapsMenuItem: {
|
|
|
14
14
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
15
|
prototype: videojs.ModalDialog;
|
|
16
16
|
};
|
|
17
|
-
getComponent(name: "
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
18
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
19
|
prototype: videojs.Menu;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ declare const SubCapsMenuItem: {
|
|
|
22
22
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
23
|
prototype: videojs.MenuButton;
|
|
24
24
|
};
|
|
25
|
-
getComponent(name: "
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
26
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
27
|
prototype: videojs.MenuItem;
|
|
28
28
|
};
|
|
@@ -14,7 +14,7 @@ declare const TextTrackMenuItem: {
|
|
|
14
14
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
15
|
prototype: videojs.ModalDialog;
|
|
16
16
|
};
|
|
17
|
-
getComponent(name: "
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
18
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
19
|
prototype: videojs.Menu;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ declare const TextTrackMenuItem: {
|
|
|
22
22
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
23
|
prototype: videojs.MenuButton;
|
|
24
24
|
};
|
|
25
|
-
getComponent(name: "
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
26
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
27
|
prototype: videojs.MenuItem;
|
|
28
28
|
};
|
|
@@ -14,7 +14,7 @@ declare const TextTrackMenuItem: {
|
|
|
14
14
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
15
|
prototype: videojs.ModalDialog;
|
|
16
16
|
};
|
|
17
|
-
getComponent(name: "
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
18
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
19
|
prototype: videojs.Menu;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ declare const TextTrackMenuItem: {
|
|
|
22
22
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
23
|
prototype: videojs.MenuButton;
|
|
24
24
|
};
|
|
25
|
-
getComponent(name: "
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
26
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
27
|
prototype: videojs.MenuItem;
|
|
28
28
|
};
|
|
@@ -14,7 +14,7 @@ declare const BaseTextTrackSettings: {
|
|
|
14
14
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
15
|
prototype: videojs.ModalDialog;
|
|
16
16
|
};
|
|
17
|
-
getComponent(name: "
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
18
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
19
|
prototype: videojs.Menu;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ declare const BaseTextTrackSettings: {
|
|
|
22
22
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
23
|
prototype: videojs.MenuButton;
|
|
24
24
|
};
|
|
25
|
-
getComponent(name: "
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
26
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
27
|
prototype: videojs.MenuItem;
|
|
28
28
|
};
|
|
@@ -15,7 +15,7 @@ declare const Component: {
|
|
|
15
15
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
16
16
|
prototype: videojs.ModalDialog;
|
|
17
17
|
};
|
|
18
|
-
getComponent(name: "
|
|
18
|
+
getComponent(name: "menu" | "Menu"): {
|
|
19
19
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
20
20
|
prototype: videojs.Menu;
|
|
21
21
|
};
|
|
@@ -23,7 +23,7 @@ declare const Component: {
|
|
|
23
23
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
24
24
|
prototype: videojs.MenuButton;
|
|
25
25
|
};
|
|
26
|
-
getComponent(name: "
|
|
26
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
27
27
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
28
28
|
prototype: videojs.MenuItem;
|
|
29
29
|
};
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { HtmlPortalNode } from 'react-reverse-portal';
|
|
2
2
|
import { HashObject } from 'libs/analytics/interfaces';
|
|
3
3
|
import { CurrentUser } from 'libs/shared/interfaces';
|
|
4
|
+
import { ShareActivityStatus } from 'libs/shared/enums/ShareActivityStatus';
|
|
4
5
|
import 'projects/player/plugins/favourite-plugin/favourite-plugin';
|
|
6
|
+
import 'projects/player/plugins/activity-status-plugin/activity-status-plugin';
|
|
5
7
|
import 'projects/player/plugins/interactive-plugin/interactive-plugin';
|
|
6
8
|
import { InteractiveMode } from 'projects/player/plugins/interactive-plugin/interfaces';
|
|
7
9
|
import { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject';
|
|
@@ -33,4 +35,5 @@ export declare class InteractivePlayer extends BasePlayer {
|
|
|
33
35
|
protected getSeekBarOptions(): any;
|
|
34
36
|
protected getAnalyticsPlayerType(): AnalyticsPlayerType;
|
|
35
37
|
setFavourite(isFavourited: boolean, onClickFavourite: () => void): void;
|
|
38
|
+
setActivityStatus(status: ShareActivityStatus, onToggle: () => void): void;
|
|
36
39
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { BasePlayer, BasePlayerOptions } from './base-player';
|
|
2
2
|
import { PointOfInterest } from 'libs/shared/interfaces';
|
|
3
|
+
import { ShareActivityStatus } from 'libs/shared/enums/ShareActivityStatus';
|
|
3
4
|
import 'projects/player/plugins/clip-plugin/clip-plugin';
|
|
4
5
|
import 'projects/player/plugins/next-video-plugin/next-video-plugin';
|
|
5
6
|
import 'projects/player/plugins/create-clip-button-plugin/create-clip-button-plugin';
|
|
@@ -7,6 +8,7 @@ import 'projects/player/plugins/resources-plugin/resources-plugin';
|
|
|
7
8
|
import 'projects/player/plugins/picture-in-picture-plugin/picture-in-picture-plugin';
|
|
8
9
|
import 'projects/player/plugins/favourite-plugin/favourite-plugin';
|
|
9
10
|
import 'projects/player/plugins/points-of-interest-plugin/points-of-interest-plugin';
|
|
11
|
+
import 'projects/player/plugins/activity-status-plugin/activity-status-plugin';
|
|
10
12
|
import { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject';
|
|
11
13
|
import { NextVideo } from 'projects/player/interfaces/NextVideo';
|
|
12
14
|
export interface PlayerOptions extends BasePlayerOptions {
|
|
@@ -23,4 +25,5 @@ export declare class Player extends BasePlayer {
|
|
|
23
25
|
togglePictureInPicture(isInPictureInPicture: boolean): void;
|
|
24
26
|
protected additionalSetup(playbackObject: PlaybackObject): Promise<void>;
|
|
25
27
|
setFavourite(isFavourited: boolean, onClickFavourite: () => void): void;
|
|
28
|
+
setActivityStatus(status: ShareActivityStatus, onToggle: () => void): void;
|
|
26
29
|
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import videojs from 'video.js';
|
|
2
|
+
import { ShareActivityStatus } from 'libs/shared/enums/ShareActivityStatus';
|
|
3
|
+
declare const Plugin: {
|
|
4
|
+
new (player: VideoJsPlayer, options?: any): videojs.Plugin;
|
|
5
|
+
prototype: videojs.Plugin;
|
|
6
|
+
BASE_PLUGIN_NAME: string;
|
|
7
|
+
deregisterPlugin(name: string): void;
|
|
8
|
+
getPlugin(name: string): any;
|
|
9
|
+
getPluginVersion(name: string): string;
|
|
10
|
+
getPlugins(names?: string[]): {
|
|
11
|
+
[name: string]: videojs.Plugin;
|
|
12
|
+
};
|
|
13
|
+
isBasic(plugin: string | (() => any)): boolean;
|
|
14
|
+
registerPlugin<T, K>(name: string, plugin: (this: VideoJsPlayer, ...options: K[]) => T): (...options: K[]) => T;
|
|
15
|
+
registerPlugin<T_1 extends any>(name: string, plugin: T_1): () => T_1;
|
|
16
|
+
};
|
|
17
|
+
declare class ActivityStatusPlugin extends Plugin {
|
|
18
|
+
private activityStatus;
|
|
19
|
+
private onToggleStatus;
|
|
20
|
+
private button;
|
|
21
|
+
setActivityStatus(activityStatus: ShareActivityStatus, onToggleStatus: () => void): void;
|
|
22
|
+
private renderActivityStatusButton;
|
|
23
|
+
}
|
|
24
|
+
declare module 'video.js' {
|
|
25
|
+
interface VideoJsPlayer {
|
|
26
|
+
activityStatusPlugin(): ActivityStatusPlugin;
|
|
27
|
+
activePlugins_: {
|
|
28
|
+
activityStatusPlugin: boolean;
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
export {};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import videojs, { VideoJsPlayer } from 'video.js';
|
|
2
|
+
import { ShareActivityStatus } from 'libs/shared/enums/ShareActivityStatus';
|
|
3
|
+
declare const Button: {
|
|
4
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
|
|
5
|
+
prototype: videojs.Button;
|
|
6
|
+
};
|
|
7
|
+
import './activity-status-button.scss';
|
|
8
|
+
interface ActivityStatusButtonOptions extends videojs.ComponentOptions {
|
|
9
|
+
activityStatus: ShareActivityStatus;
|
|
10
|
+
clickHandler: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare class ActivityStatusButton extends Button {
|
|
13
|
+
options_: ActivityStatusButtonOptions;
|
|
14
|
+
controlText_: string;
|
|
15
|
+
constructor(player: VideoJsPlayer, options: ActivityStatusButtonOptions);
|
|
16
|
+
update(): void;
|
|
17
|
+
handleClick(...args: any[]): void;
|
|
18
|
+
buildCSSClass(): string;
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
@@ -15,7 +15,7 @@ declare const Component: {
|
|
|
15
15
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
16
16
|
prototype: videojs.ModalDialog;
|
|
17
17
|
};
|
|
18
|
-
getComponent(name: "
|
|
18
|
+
getComponent(name: "menu" | "Menu"): {
|
|
19
19
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
20
20
|
prototype: videojs.Menu;
|
|
21
21
|
};
|
|
@@ -23,7 +23,7 @@ declare const Component: {
|
|
|
23
23
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
24
24
|
prototype: videojs.MenuButton;
|
|
25
25
|
};
|
|
26
|
-
getComponent(name: "
|
|
26
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
27
27
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
28
28
|
prototype: videojs.MenuItem;
|
|
29
29
|
};
|
|
@@ -15,7 +15,7 @@ declare const Component: {
|
|
|
15
15
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
16
16
|
prototype: videojs.ModalDialog;
|
|
17
17
|
};
|
|
18
|
-
getComponent(name: "
|
|
18
|
+
getComponent(name: "menu" | "Menu"): {
|
|
19
19
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
20
20
|
prototype: videojs.Menu;
|
|
21
21
|
};
|
|
@@ -23,7 +23,7 @@ declare const Component: {
|
|
|
23
23
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
24
24
|
prototype: videojs.MenuButton;
|
|
25
25
|
};
|
|
26
|
-
getComponent(name: "
|
|
26
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
27
27
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
28
28
|
prototype: videojs.MenuItem;
|
|
29
29
|
};
|
|
@@ -14,7 +14,7 @@ declare const Component: {
|
|
|
14
14
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
15
|
prototype: videojs.ModalDialog;
|
|
16
16
|
};
|
|
17
|
-
getComponent(name: "
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
18
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
19
|
prototype: videojs.Menu;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ declare const Component: {
|
|
|
22
22
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
23
|
prototype: videojs.MenuButton;
|
|
24
24
|
};
|
|
25
|
-
getComponent(name: "
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
26
|
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
27
|
prototype: videojs.MenuItem;
|
|
28
28
|
};
|
|
@@ -14,7 +14,7 @@ declare const Component: {
|
|
|
14
14
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
15
|
prototype: videojs.ModalDialog;
|
|
16
16
|
};
|
|
17
|
-
getComponent(name: "
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
18
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
19
|
prototype: videojs.Menu;
|
|
20
20
|
};
|
|
@@ -22,7 +22,7 @@ declare const Component: {
|
|
|
22
22
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
23
|
prototype: videojs.MenuButton;
|
|
24
24
|
};
|
|
25
|
-
getComponent(name: "
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
26
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
27
|
prototype: videojs.MenuItem;
|
|
28
28
|
};
|
|
@@ -16,7 +16,7 @@ declare const Component: {
|
|
|
16
16
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
17
17
|
prototype: videojs.ModalDialog;
|
|
18
18
|
};
|
|
19
|
-
getComponent(name: "
|
|
19
|
+
getComponent(name: "menu" | "Menu"): {
|
|
20
20
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
21
21
|
prototype: videojs.Menu;
|
|
22
22
|
};
|
|
@@ -24,7 +24,7 @@ declare const Component: {
|
|
|
24
24
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
25
25
|
prototype: videojs.MenuButton;
|
|
26
26
|
};
|
|
27
|
-
getComponent(name: "
|
|
27
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
28
28
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
29
29
|
prototype: videojs.MenuItem;
|
|
30
30
|
};
|
|
@@ -16,7 +16,7 @@ declare const Component: {
|
|
|
16
16
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
17
17
|
prototype: videojs.ModalDialog;
|
|
18
18
|
};
|
|
19
|
-
getComponent(name: "
|
|
19
|
+
getComponent(name: "menu" | "Menu"): {
|
|
20
20
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
21
21
|
prototype: videojs.Menu;
|
|
22
22
|
};
|
|
@@ -24,7 +24,7 @@ declare const Component: {
|
|
|
24
24
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
25
25
|
prototype: videojs.MenuButton;
|
|
26
26
|
};
|
|
27
|
-
getComponent(name: "
|
|
27
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
28
28
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
29
29
|
prototype: videojs.MenuItem;
|
|
30
30
|
};
|
|
@@ -16,7 +16,7 @@ declare const Component: {
|
|
|
16
16
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
17
17
|
prototype: videojs.ModalDialog;
|
|
18
18
|
};
|
|
19
|
-
getComponent(name: "
|
|
19
|
+
getComponent(name: "menu" | "Menu"): {
|
|
20
20
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
21
21
|
prototype: videojs.Menu;
|
|
22
22
|
};
|
|
@@ -24,7 +24,7 @@ declare const Component: {
|
|
|
24
24
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
25
25
|
prototype: videojs.MenuButton;
|
|
26
26
|
};
|
|
27
|
-
getComponent(name: "
|
|
27
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
28
28
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
29
29
|
prototype: videojs.MenuItem;
|
|
30
30
|
};
|
|
@@ -54,6 +54,7 @@ interface PointOfInterestIndicatorOptions extends videojs.ComponentOptions {
|
|
|
54
54
|
export declare class PointOfInterestIndicator extends Component {
|
|
55
55
|
private el_;
|
|
56
56
|
options_: PointOfInterestIndicatorOptions;
|
|
57
|
+
private eventsService;
|
|
57
58
|
private pointOfInterest;
|
|
58
59
|
private hasBuffered;
|
|
59
60
|
private hasPlayed;
|
|
@@ -62,10 +63,12 @@ export declare class PointOfInterestIndicator extends Component {
|
|
|
62
63
|
buildCSSClass(): string;
|
|
63
64
|
createEl(tagName?: string, properties?: any, attributes?: any): Element;
|
|
64
65
|
private bindListeners;
|
|
66
|
+
dispose(): void;
|
|
65
67
|
private getPointOfInterestTime;
|
|
66
68
|
private setPosition;
|
|
67
69
|
updateBuffered(bufferEnd: number): void;
|
|
68
70
|
updatePlaybackProgress(currentTime: number): void;
|
|
71
|
+
toggleVisibility(visible: boolean): void;
|
|
69
72
|
/**
|
|
70
73
|
* We want the POI description to be displayed in the TimeTooltip when the user
|
|
71
74
|
* hovers over a POI.
|
|
@@ -76,8 +79,21 @@ export declare class PointOfInterestIndicator extends Component {
|
|
|
76
79
|
*/
|
|
77
80
|
private onMouseOver;
|
|
78
81
|
private onMouseLeave;
|
|
82
|
+
private onGlancePointOfInterestMouseEnter;
|
|
83
|
+
private onGlancePointOfInterestMouseLeave;
|
|
79
84
|
private setTimeTooltipText;
|
|
80
85
|
private clearTimeTooltipText;
|
|
86
|
+
/**
|
|
87
|
+
* We only need to call this when we're manually forcing the MouseTimeDisplay
|
|
88
|
+
* to show. If it's being triggered natively using pointer events then the time
|
|
89
|
+
* will be set automatically.
|
|
90
|
+
*/
|
|
91
|
+
private setTimeTooltipTime;
|
|
92
|
+
private positionMouseTimeDisplay;
|
|
93
|
+
private showMouseTimeDisplay;
|
|
94
|
+
private hideMouseTimeDisplay;
|
|
95
|
+
private getSeekBar;
|
|
96
|
+
private getMouseTimeDisplay;
|
|
81
97
|
private getTimeTooltip;
|
|
82
98
|
}
|
|
83
99
|
export {};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import videojs, { VideoJsPlayer } from 'video.js';
|
|
2
|
+
declare const MenuItem: {
|
|
3
|
+
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
4
|
+
prototype: videojs.MenuItem;
|
|
5
|
+
};
|
|
6
|
+
interface PointsOfInterestMenuItemOptions extends videojs.MenuItemOptions {
|
|
7
|
+
pointsOfInterestVisible: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare class PointsOfInterestMenuItem extends MenuItem {
|
|
10
|
+
private toggleEl;
|
|
11
|
+
private pointsOfInterestVisible;
|
|
12
|
+
/**
|
|
13
|
+
* Because we want to bind our listener in createEl
|
|
14
|
+
* and createEl runs in super. We store if we've bounud
|
|
15
|
+
* our handler, so we only call bind once and
|
|
16
|
+
* the call to removeEventListener will still work
|
|
17
|
+
*/
|
|
18
|
+
private handlerBound;
|
|
19
|
+
constructor(player: VideoJsPlayer, options: PointsOfInterestMenuItemOptions);
|
|
20
|
+
handleToggle(): void;
|
|
21
|
+
private toggle;
|
|
22
|
+
private toggleOn;
|
|
23
|
+
private toggleOff;
|
|
24
|
+
/**
|
|
25
|
+
* Because we extend MenuItem which will close the menu by default
|
|
26
|
+
* we need to halt the event propogation here
|
|
27
|
+
*/
|
|
28
|
+
handleClick(event: videojs.EventTarget.Event): void;
|
|
29
|
+
createEl(tagName?: string, properties?: any, attributes?: any): HTMLLIElement;
|
|
30
|
+
}
|
|
31
|
+
export {};
|
package/dist/projects/player/src/plugins/points-of-interest-plugin/points-of-interest-plugin.d.ts
CHANGED
|
@@ -18,19 +18,21 @@ interface PointsOfInterestPluginOptions {
|
|
|
18
18
|
pointsOfInterest: PointOfInterest[];
|
|
19
19
|
}
|
|
20
20
|
export declare class PointsOfInterestPlugin extends Plugin {
|
|
21
|
-
private pointsOfInterest;
|
|
22
21
|
private pointOfInterestIndicators;
|
|
23
|
-
|
|
22
|
+
private pointsOfInterest?;
|
|
23
|
+
constructor(player: VideoJsPlayer, options?: PointsOfInterestPluginOptions);
|
|
24
24
|
private initialize;
|
|
25
25
|
private bindListeners;
|
|
26
|
+
togglePointsOfInterest(visible: boolean): void;
|
|
26
27
|
private setupTrack;
|
|
27
28
|
private createPointOfInterestIndicators;
|
|
29
|
+
private addMenuItem;
|
|
28
30
|
private updateBuffered;
|
|
29
31
|
private updatePlaybackProgress;
|
|
30
32
|
}
|
|
31
33
|
declare module 'video.js' {
|
|
32
34
|
interface VideoJsPlayer {
|
|
33
|
-
pointsOfInterestPlugin(options
|
|
35
|
+
pointsOfInterestPlugin(options?: PointsOfInterestPluginOptions): PointsOfInterestPlugin;
|
|
34
36
|
}
|
|
35
37
|
}
|
|
36
38
|
export {};
|
|
@@ -15,7 +15,7 @@ declare const Component: {
|
|
|
15
15
|
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
16
16
|
prototype: videojs.ModalDialog;
|
|
17
17
|
};
|
|
18
|
-
getComponent(name: "
|
|
18
|
+
getComponent(name: "menu" | "Menu"): {
|
|
19
19
|
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
20
20
|
prototype: videojs.Menu;
|
|
21
21
|
};
|
|
@@ -23,7 +23,7 @@ declare const Component: {
|
|
|
23
23
|
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
24
24
|
prototype: videojs.MenuButton;
|
|
25
25
|
};
|
|
26
|
-
getComponent(name: "
|
|
26
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
27
27
|
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
28
28
|
prototype: videojs.MenuItem;
|
|
29
29
|
};
|