@clickview/player 0.0.0-dev.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/.eslintrc.json +3 -0
- package/.storybook/main.js +21 -0
- package/.storybook/preview-head.html +3 -0
- package/.storybook/stories/Base.stories.tsx +115 -0
- package/.storybook/stories/Clips.stories.tsx +64 -0
- package/.storybook/stories/Interactives.stories.tsx +65 -0
- package/.storybook/stories/Subtitles.stories.tsx +22 -0
- package/.storybook/stories/assets/chapters.vtt +19 -0
- package/.storybook/stories/assets/en.vtt +8 -0
- package/.storybook/stories/assets/es.vtt +8 -0
- package/.storybook/stories/assets/fr.vtt +8 -0
- package/.storybook/stories/assets/interactive.json +451 -0
- package/.storybook/stories/assets/sample_1280x720.mp4.jpg +0 -0
- package/.storybook/stories/assets/sample_1280x720.mp4.vtx +0 -0
- package/.storybook/stories/assets/thumbnails.vtt +62 -0
- package/.storybook/stories/assets/vertical.mp4 +0 -0
- package/.storybook/stories/utils/Wrap.tsx +18 -0
- package/.storybook/stories/utils/mock-playerapi.ts +181 -0
- package/.storybook/stories/utils/mock-setup.ts +23 -0
- package/README.md +1 -0
- package/dist/bundle.js +1 -0
- package/dist/font.scss +59 -0
- package/dist/libs/analytics/src/clients/CollectionApiClient.d.ts +48 -0
- package/dist/libs/analytics/src/constants/CountryRegionMapping.d.ts +7 -0
- package/dist/libs/analytics/src/constants/Regions.d.ts +6 -0
- package/dist/libs/analytics/src/enums/CountryCode.d.ts +5 -0
- package/dist/libs/analytics/src/enums/RegionName.d.ts +5 -0
- package/dist/libs/analytics/src/interfaces/AnalyticsTypes.d.ts +316 -0
- package/dist/libs/analytics/src/interfaces/Config.d.ts +3 -0
- package/dist/libs/analytics/src/interfaces/Folder.d.ts +3 -0
- package/dist/libs/analytics/src/interfaces/HashObject.d.ts +3 -0
- package/dist/libs/analytics/src/interfaces/Owner.d.ts +3 -0
- package/dist/libs/analytics/src/interfaces/Playlist.d.ts +3 -0
- package/dist/libs/analytics/src/interfaces/Rating.d.ts +4 -0
- package/dist/libs/analytics/src/interfaces/Region.d.ts +5 -0
- package/dist/libs/analytics/src/interfaces/RegionalUrl.d.ts +5 -0
- package/dist/libs/analytics/src/interfaces/Resource.d.ts +5 -0
- package/dist/libs/analytics/src/interfaces/Series.d.ts +3 -0
- package/dist/libs/analytics/src/interfaces/Subtitle.d.ts +4 -0
- package/dist/libs/analytics/src/interfaces/User.d.ts +17 -0
- package/dist/libs/analytics/src/interfaces/VersionData.d.ts +4 -0
- package/dist/libs/analytics/src/interfaces/Video.d.ts +16 -0
- package/dist/libs/analytics/src/interfaces/index.d.ts +15 -0
- package/dist/libs/analytics/src/interfaces/primitives/BaseObject.d.ts +7 -0
- package/dist/libs/analytics/src/models/AnalyticsEvent.d.ts +49 -0
- package/dist/libs/analytics/src/models/CollectionEvent.d.ts +61 -0
- package/dist/libs/analytics/src/utils/CollectionApiClientHelper.d.ts +6 -0
- package/dist/libs/analytics/src/utils/DataFormatHelper.d.ts +14 -0
- package/dist/libs/analytics/src/utils/EventWhitelistHelper.d.ts +19 -0
- package/dist/libs/analytics/src/utils/TypeHelper.d.ts +4 -0
- package/dist/libs/analytics/src/utils/UploadDataFormatHelper.d.ts +10 -0
- package/dist/libs/analytics/src/utils/UrlHelper.d.ts +3 -0
- package/dist/libs/analytics/src/utils/UserAgentHelper.d.ts +10 -0
- package/dist/libs/analytics/src/utils/VideoDataFormatHelper.d.ts +42 -0
- package/dist/libs/common/src/backbone/constants/CommonChannels.d.ts +5 -0
- package/dist/libs/common/src/backbone/core/AppLink.d.ts +37 -0
- package/dist/libs/common/src/backbone/core/BaseAppRouter.d.ts +99 -0
- package/dist/libs/common/src/backbone/core/BaseApplication.d.ts +76 -0
- package/dist/libs/common/src/backbone/core/BaseBehavior.d.ts +6 -0
- package/dist/libs/common/src/backbone/core/BaseCollection.d.ts +7 -0
- package/dist/libs/common/src/backbone/core/BaseCollectionView.d.ts +16 -0
- package/dist/libs/common/src/backbone/core/BaseError.d.ts +18 -0
- package/dist/libs/common/src/backbone/core/BaseLayoutView.d.ts +11 -0
- package/dist/libs/common/src/backbone/core/BaseModel.d.ts +27 -0
- package/dist/libs/common/src/backbone/core/BaseNestedModel.d.ts +21 -0
- package/dist/libs/common/src/backbone/core/BaseService.d.ts +10 -0
- package/dist/libs/common/src/backbone/core/BaseView.d.ts +131 -0
- package/dist/libs/common/src/backbone/core/EventNames.d.ts +16 -0
- package/dist/libs/common/src/backbone/core/LayoutService.d.ts +31 -0
- package/dist/libs/common/src/backbone/core/ListenToRadio.d.ts +3 -0
- package/dist/libs/common/src/backbone/core/LocationUtils.d.ts +23 -0
- package/dist/libs/common/src/backbone/core/Middleware.d.ts +10 -0
- package/dist/libs/common/src/backbone/core/Shell.d.ts +79 -0
- package/dist/libs/common/src/backbone/core/Types.d.ts +12 -0
- package/dist/libs/common/src/backbone/core/index.d.ts +18 -0
- package/dist/libs/common/src/backbone/errors/DevError.d.ts +4 -0
- package/dist/libs/common/src/backbone/index.d.ts +2 -0
- package/dist/libs/common/src/backbone/interfaces/StickitBinding.d.ts +38 -0
- package/dist/libs/common/src/backbone/services/EnvironmentVariables.d.ts +13 -0
- package/dist/libs/common/src/react/interfaces/HashObject.d.ts +3 -0
- package/dist/libs/shared/src/interfaces/models/primitives/BaseObject.d.ts +7 -0
- package/dist/player-app.css +71 -0
- package/dist/player-app.js +52 -0
- package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-item.d.ts +79 -0
- package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-items.d.ts +55 -0
- package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-load-progress.d.ts +55 -0
- package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-play-progress.d.ts +55 -0
- package/dist/projects/player/src/components/chapter-seek-bar/chapter-seek-bar.d.ts +1 -0
- package/dist/projects/player/src/components/chapters-button/chapter-menu-item.d.ts +60 -0
- package/dist/projects/player/src/components/chapters-button/chapters-button.d.ts +1 -0
- package/dist/projects/player/src/components/cog-button/cog-button.d.ts +38 -0
- package/dist/projects/player/src/components/collapserator/collapserator.d.ts +4 -0
- package/dist/projects/player/src/components/mouse-time-display/mouse-time-display.d.ts +3 -0
- package/dist/projects/player/src/components/playback-rate-button/playback-rate-button.d.ts +1 -0
- package/dist/projects/player/src/components/progress-control/progress-control.d.ts +1 -0
- package/dist/projects/player/src/components/quality-selector/quality-button.d.ts +1 -0
- package/dist/projects/player/src/components/quality-selector/quality-menu-item.d.ts +17 -0
- package/dist/projects/player/src/components/subs-caps-button/subs-caps-button.d.ts +1 -0
- package/dist/projects/player/src/components/thumbnail-display/thumbnail-display.d.ts +66 -0
- package/dist/projects/player/src/components/time-tooltip/time-tooltip.d.ts +15 -0
- package/dist/projects/player/src/components/time-wrapper/time-wrapper.d.ts +1 -0
- package/dist/projects/player/src/index.d.ts +12 -0
- package/dist/projects/player/src/interfaces/CollapsibleComponent.d.ts +10 -0
- package/dist/projects/player/src/interfaces/models/ApiError.d.ts +4 -0
- package/dist/projects/player/src/interfaces/models/PlaybackObject.d.ts +32 -0
- package/dist/projects/player/src/players/base-player.d.ts +64 -0
- package/dist/projects/player/src/players/create-clip-player.d.ts +16 -0
- package/dist/projects/player/src/players/interactive-player.d.ts +11 -0
- package/dist/projects/player/src/players/player.d.ts +15 -0
- package/dist/projects/player/src/plugins/clip-plugin/clip-plugin.d.ts +50 -0
- package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector-handle.d.ts +54 -0
- package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector.d.ts +89 -0
- package/dist/projects/player/src/plugins/create-clip-plugin/components/create-clip-seek-bar/create-clip-seek-bar.d.ts +14 -0
- package/dist/projects/player/src/plugins/create-clip-plugin/create-clip-plugin.d.ts +14 -0
- package/dist/projects/player/src/plugins/example-plugin/components/example-button/example-button.d.ts +1 -0
- package/dist/projects/player/src/plugins/example-plugin/components/example-react-button/example-react-button.d.ts +1 -0
- package/dist/projects/player/src/plugins/example-plugin/example-plugin.d.ts +2 -0
- package/dist/projects/player/src/plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin.d.ts +1 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-components.d.ts +4 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.d.ts +10 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.d.ts +8 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/feedback/feedback.d.ts +7 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/incomplete-alert/incomplete-alert.d.ts +2 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/interactive/interactive-component.d.ts +1 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-item.d.ts +21 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.d.ts +66 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.d.ts +21 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/annotation/annotation-interaction.d.ts +3 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/image/image-interaction.d.ts +4 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/missing-word/missing-word-interaction.d.ts +9 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/multiple-choice/multiple-choice-interaction.d.ts +10 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/short-answer/short-answer-interaction.d.ts +9 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/view-components.d.ts +4 -0
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.d.ts +8 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interactive-plugin.d.ts +1 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/InteractionComponent.d.ts +3 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/InteractionProps.d.ts +8 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/InteractiveMode.d.ts +4 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/SubmissionFunction.d.ts +2 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/ValidationFunction.d.ts +2 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/index.d.ts +6 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/ActionableItem.d.ts +6 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/Interaction.d.ts +14 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/InteractionType.d.ts +7 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/InteractionTypeId.d.ts +8 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/Interactive.d.ts +7 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/Timepoint.d.ts +9 -0
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/index.d.ts +6 -0
- package/dist/projects/player/src/plugins/interactive-plugin/utils/getInteractionComponents.d.ts +2 -0
- package/dist/projects/player/src/plugins/interactive-plugin/utils/getInteractionStateId.d.ts +2 -0
- package/dist/projects/player/src/plugins/interactive-plugin/utils/getSubmissionFunction.d.ts +2 -0
- package/dist/projects/player/src/plugins/interactive-plugin/utils/getTimepointStateId.d.ts +2 -0
- package/dist/projects/player/src/plugins/interactive-plugin/utils/getValidationFunction.d.ts +2 -0
- package/dist/projects/player/src/plugins/interactive-plugin/utils/useInteractiveTrack.d.ts +17 -0
- package/dist/projects/player/src/plugins/open-externally-plugin/components/open-externally-button.d.ts +1 -0
- package/dist/projects/player/src/plugins/open-externally-plugin/interfaces/ExternalLinkOptions.d.ts +3 -0
- package/dist/projects/player/src/plugins/open-externally-plugin/open-externally-plugin.d.ts +1 -0
- package/dist/projects/player/src/plugins/persist-volume-plugin/persist-volume-plugin.d.ts +1 -0
- package/dist/projects/player/src/plugins/persist-volume-plugin/persist-volume-plugin.test.d.ts +1 -0
- package/dist/projects/player/src/plugins/progress-reporter-plugin/progress-reporter-plugin.d.ts +9 -0
- package/dist/projects/player/src/plugins/progressive-files-plugin/ProgressiveFilesPluginOptions.d.ts +4 -0
- package/dist/projects/player/src/plugins/progressive-files-plugin/ProgressiveRepresentation.d.ts +10 -0
- package/dist/projects/player/src/plugins/progressive-files-plugin/interfaces/Source.d.ts +6 -0
- package/dist/projects/player/src/plugins/progressive-files-plugin/progressive-files-plugin.d.ts +38 -0
- package/dist/projects/player/src/plugins/touch-controls-plugin/components/touch-controls/touch-controls.d.ts +59 -0
- package/dist/projects/player/src/plugins/touch-controls-plugin/touch-controls-plugin.d.ts +1 -0
- package/dist/projects/player/src/react/CreateClipPlayer.d.ts +3 -0
- package/dist/projects/player/src/react/EmbeddedPlayer.d.ts +7 -0
- package/dist/projects/player/src/react/InteractivePlayer.d.ts +9 -0
- package/dist/projects/player/src/react/Player.d.ts +8 -0
- package/dist/projects/player/src/react/react-component.d.ts +56 -0
- package/dist/projects/player/src/services/analytics-service.d.ts +15 -0
- package/dist/projects/player/src/utils/ajax-helper.d.ts +6 -0
- package/dist/projects/player/src/utils/fn.d.ts +14 -0
- package/dist/projects/player/src/utils/formatTime.d.ts +5 -0
- package/dist/projects/player/src/utils/hotkeys.d.ts +5 -0
- package/dist/projects/player/src/utils/scrollbar-helper.d.ts +6 -0
- package/dist/projects/player/src/utils/track-helper.d.ts +7 -0
- package/dist/projects/player/test/players/test-player.d.ts +17 -0
- package/dist/projects/player/test/setupTests.d.ts +0 -0
- package/dist/projects/player/test/utils/test-helpers.d.ts +8 -0
- package/jest.config.js +13 -0
- package/package.json +58 -0
- package/test/players/test-player.ts +31 -0
- package/test/setupTests.ts +8 -0
- package/test/utils/test-helpers.ts +22 -0
- package/tooling/externals.js +56 -0
- package/tooling/font-webpack.config.js +44 -0
- package/typings/libs/videojs-contrib-quality-levels.d.ts +29 -0
- package/typings/utils/imports.d.ts +12 -0
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import videojs, { VideoJsPlayer } from 'video.js';
|
|
2
|
+
declare const Component: {
|
|
3
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
|
|
4
|
+
prototype: videojs.Component;
|
|
5
|
+
getComponent(name: "button" | "Button"): {
|
|
6
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
|
|
7
|
+
prototype: videojs.Button;
|
|
8
|
+
};
|
|
9
|
+
getComponent(name: "ClickableComponent" | "clickablecomponent"): {
|
|
10
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
|
|
11
|
+
prototype: videojs.ClickableComponent;
|
|
12
|
+
};
|
|
13
|
+
getComponent(name: "ModalDialog" | "modaldialog"): {
|
|
14
|
+
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
|
+
prototype: videojs.ModalDialog;
|
|
16
|
+
};
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
|
+
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
|
+
prototype: videojs.Menu;
|
|
20
|
+
};
|
|
21
|
+
getComponent(name: "MenuButton" | "menubutton"): {
|
|
22
|
+
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
|
+
prototype: videojs.MenuButton;
|
|
24
|
+
};
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
|
+
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
|
+
prototype: videojs.MenuItem;
|
|
28
|
+
};
|
|
29
|
+
getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
|
|
30
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
|
|
31
|
+
prototype: videojs.MouseTimeDisplay;
|
|
32
|
+
};
|
|
33
|
+
getComponent(name: "Spacer" | "spacer"): {
|
|
34
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
|
|
35
|
+
prototype: videojs.Spacer;
|
|
36
|
+
};
|
|
37
|
+
getComponent(name: "Player" | "player"): {
|
|
38
|
+
new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
|
|
39
|
+
prototype: VideoJsPlayer;
|
|
40
|
+
getTagSettings(tag: Element): any;
|
|
41
|
+
};
|
|
42
|
+
getComponent(name: "timeTooltip" | "TimeTooltip"): {
|
|
43
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
|
|
44
|
+
prototype: videojs.TimeToolTip;
|
|
45
|
+
};
|
|
46
|
+
getComponent(name: string): any;
|
|
47
|
+
registerComponent(name: string, ComponentToRegister: any): any;
|
|
48
|
+
};
|
|
49
|
+
interface ChapterItemOptions extends videojs.ComponentOptions {
|
|
50
|
+
startTime: number;
|
|
51
|
+
endTime: number;
|
|
52
|
+
}
|
|
53
|
+
export declare class ChapterBarItem extends Component {
|
|
54
|
+
private duration_;
|
|
55
|
+
private el_;
|
|
56
|
+
options_: ChapterItemOptions;
|
|
57
|
+
private playProgress;
|
|
58
|
+
private loadProgress;
|
|
59
|
+
constructor(player: VideoJsPlayer, options: ChapterItemOptions);
|
|
60
|
+
buildCSSClass(): string;
|
|
61
|
+
createEl(tagName?: string, properties?: any, attributes?: any): Element;
|
|
62
|
+
/**
|
|
63
|
+
* Get the value of current time but allows for smooth scrubbing,
|
|
64
|
+
* when player can't keep up.
|
|
65
|
+
*
|
|
66
|
+
* @return {number}
|
|
67
|
+
* The current time value to display
|
|
68
|
+
*
|
|
69
|
+
* @private
|
|
70
|
+
*/
|
|
71
|
+
private getCurrentTime;
|
|
72
|
+
/**
|
|
73
|
+
* Update is called by ChapterBarItems on each item each time
|
|
74
|
+
* ChapterSeekBar updates, which is done once per animation frame
|
|
75
|
+
* by SeekBar which ChapterSeekBar extends
|
|
76
|
+
*/
|
|
77
|
+
update(): void;
|
|
78
|
+
}
|
|
79
|
+
export {};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import videojs from 'video.js';
|
|
2
|
+
import './chapter-bar-items.scss';
|
|
3
|
+
declare const Component: {
|
|
4
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
|
|
5
|
+
prototype: videojs.Component;
|
|
6
|
+
getComponent(name: "button" | "Button"): {
|
|
7
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
|
|
8
|
+
prototype: videojs.Button;
|
|
9
|
+
};
|
|
10
|
+
getComponent(name: "ClickableComponent" | "clickablecomponent"): {
|
|
11
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
|
|
12
|
+
prototype: videojs.ClickableComponent;
|
|
13
|
+
};
|
|
14
|
+
getComponent(name: "ModalDialog" | "modaldialog"): {
|
|
15
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
16
|
+
prototype: videojs.ModalDialog;
|
|
17
|
+
};
|
|
18
|
+
getComponent(name: "menu" | "Menu"): {
|
|
19
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
20
|
+
prototype: videojs.Menu;
|
|
21
|
+
};
|
|
22
|
+
getComponent(name: "MenuButton" | "menubutton"): {
|
|
23
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
24
|
+
prototype: videojs.MenuButton;
|
|
25
|
+
};
|
|
26
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
27
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
28
|
+
prototype: videojs.MenuItem;
|
|
29
|
+
};
|
|
30
|
+
getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
|
|
31
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
|
|
32
|
+
prototype: videojs.MouseTimeDisplay;
|
|
33
|
+
};
|
|
34
|
+
getComponent(name: "Spacer" | "spacer"): {
|
|
35
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
|
|
36
|
+
prototype: videojs.Spacer;
|
|
37
|
+
};
|
|
38
|
+
getComponent(name: "Player" | "player"): {
|
|
39
|
+
new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): import("video.js").VideoJsPlayer;
|
|
40
|
+
prototype: import("video.js").VideoJsPlayer;
|
|
41
|
+
getTagSettings(tag: Element): any;
|
|
42
|
+
};
|
|
43
|
+
getComponent(name: "timeTooltip" | "TimeTooltip"): {
|
|
44
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
|
|
45
|
+
prototype: videojs.TimeToolTip;
|
|
46
|
+
};
|
|
47
|
+
getComponent(name: string): any;
|
|
48
|
+
registerComponent(name: string, ComponentToRegister: any): any;
|
|
49
|
+
};
|
|
50
|
+
export declare class ChapterBarItems extends Component {
|
|
51
|
+
buildCSSClass(): string;
|
|
52
|
+
createEl(tagName?: string, properties?: any, attributes?: any): Element;
|
|
53
|
+
update(): void;
|
|
54
|
+
}
|
|
55
|
+
export {};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import videojs from 'video.js';
|
|
2
|
+
declare const Component: {
|
|
3
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
|
|
4
|
+
prototype: videojs.Component;
|
|
5
|
+
getComponent(name: "button" | "Button"): {
|
|
6
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
|
|
7
|
+
prototype: videojs.Button;
|
|
8
|
+
};
|
|
9
|
+
getComponent(name: "ClickableComponent" | "clickablecomponent"): {
|
|
10
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
|
|
11
|
+
prototype: videojs.ClickableComponent;
|
|
12
|
+
};
|
|
13
|
+
getComponent(name: "ModalDialog" | "modaldialog"): {
|
|
14
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
|
+
prototype: videojs.ModalDialog;
|
|
16
|
+
};
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
|
+
prototype: videojs.Menu;
|
|
20
|
+
};
|
|
21
|
+
getComponent(name: "MenuButton" | "menubutton"): {
|
|
22
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
|
+
prototype: videojs.MenuButton;
|
|
24
|
+
};
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
|
+
prototype: videojs.MenuItem;
|
|
28
|
+
};
|
|
29
|
+
getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
|
|
30
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
|
|
31
|
+
prototype: videojs.MouseTimeDisplay;
|
|
32
|
+
};
|
|
33
|
+
getComponent(name: "Spacer" | "spacer"): {
|
|
34
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
|
|
35
|
+
prototype: videojs.Spacer;
|
|
36
|
+
};
|
|
37
|
+
getComponent(name: "Player" | "player"): {
|
|
38
|
+
new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): import("video.js").VideoJsPlayer;
|
|
39
|
+
prototype: import("video.js").VideoJsPlayer;
|
|
40
|
+
getTagSettings(tag: Element): any;
|
|
41
|
+
};
|
|
42
|
+
getComponent(name: "timeTooltip" | "TimeTooltip"): {
|
|
43
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
|
|
44
|
+
prototype: videojs.TimeToolTip;
|
|
45
|
+
};
|
|
46
|
+
getComponent(name: string): any;
|
|
47
|
+
registerComponent(name: string, ComponentToRegister: any): any;
|
|
48
|
+
};
|
|
49
|
+
export declare class ChapterBarLoadProgress extends Component {
|
|
50
|
+
private el_;
|
|
51
|
+
buildCSSClass(): string;
|
|
52
|
+
createEl(tagName?: string, properties?: any, attributes?: any): Element;
|
|
53
|
+
update(width: number): void;
|
|
54
|
+
}
|
|
55
|
+
export {};
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import videojs from 'video.js';
|
|
2
|
+
declare const Component: {
|
|
3
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
|
|
4
|
+
prototype: videojs.Component;
|
|
5
|
+
getComponent(name: "button" | "Button"): {
|
|
6
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
|
|
7
|
+
prototype: videojs.Button;
|
|
8
|
+
};
|
|
9
|
+
getComponent(name: "ClickableComponent" | "clickablecomponent"): {
|
|
10
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
|
|
11
|
+
prototype: videojs.ClickableComponent;
|
|
12
|
+
};
|
|
13
|
+
getComponent(name: "ModalDialog" | "modaldialog"): {
|
|
14
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
15
|
+
prototype: videojs.ModalDialog;
|
|
16
|
+
};
|
|
17
|
+
getComponent(name: "menu" | "Menu"): {
|
|
18
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
19
|
+
prototype: videojs.Menu;
|
|
20
|
+
};
|
|
21
|
+
getComponent(name: "MenuButton" | "menubutton"): {
|
|
22
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
23
|
+
prototype: videojs.MenuButton;
|
|
24
|
+
};
|
|
25
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
26
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
27
|
+
prototype: videojs.MenuItem;
|
|
28
|
+
};
|
|
29
|
+
getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
|
|
30
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
|
|
31
|
+
prototype: videojs.MouseTimeDisplay;
|
|
32
|
+
};
|
|
33
|
+
getComponent(name: "Spacer" | "spacer"): {
|
|
34
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
|
|
35
|
+
prototype: videojs.Spacer;
|
|
36
|
+
};
|
|
37
|
+
getComponent(name: "Player" | "player"): {
|
|
38
|
+
new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): import("video.js").VideoJsPlayer;
|
|
39
|
+
prototype: import("video.js").VideoJsPlayer;
|
|
40
|
+
getTagSettings(tag: Element): any;
|
|
41
|
+
};
|
|
42
|
+
getComponent(name: "timeTooltip" | "TimeTooltip"): {
|
|
43
|
+
new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
|
|
44
|
+
prototype: videojs.TimeToolTip;
|
|
45
|
+
};
|
|
46
|
+
getComponent(name: string): any;
|
|
47
|
+
registerComponent(name: string, ComponentToRegister: any): any;
|
|
48
|
+
};
|
|
49
|
+
export declare class ChapterBarPlayProgress extends Component {
|
|
50
|
+
private el_;
|
|
51
|
+
buildCSSClass(): string;
|
|
52
|
+
createEl(tagName?: string, properties?: any, attributes?: any): Element;
|
|
53
|
+
update(width: number): void;
|
|
54
|
+
}
|
|
55
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import videojs, { VideoJsPlayer } from 'video.js';
|
|
2
|
+
import './chapter-menu-item.scss';
|
|
3
|
+
declare const ChaptersTrackMenuItem: {
|
|
4
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
|
|
5
|
+
prototype: videojs.Component;
|
|
6
|
+
getComponent(name: "button" | "Button"): {
|
|
7
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
|
|
8
|
+
prototype: videojs.Button;
|
|
9
|
+
};
|
|
10
|
+
getComponent(name: "ClickableComponent" | "clickablecomponent"): {
|
|
11
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
|
|
12
|
+
prototype: videojs.ClickableComponent;
|
|
13
|
+
};
|
|
14
|
+
getComponent(name: "ModalDialog" | "modaldialog"): {
|
|
15
|
+
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
16
|
+
prototype: videojs.ModalDialog;
|
|
17
|
+
};
|
|
18
|
+
getComponent(name: "menu" | "Menu"): {
|
|
19
|
+
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
20
|
+
prototype: videojs.Menu;
|
|
21
|
+
};
|
|
22
|
+
getComponent(name: "MenuButton" | "menubutton"): {
|
|
23
|
+
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
24
|
+
prototype: videojs.MenuButton;
|
|
25
|
+
};
|
|
26
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
27
|
+
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
28
|
+
prototype: videojs.MenuItem;
|
|
29
|
+
};
|
|
30
|
+
getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
|
|
31
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
|
|
32
|
+
prototype: videojs.MouseTimeDisplay;
|
|
33
|
+
};
|
|
34
|
+
getComponent(name: "Spacer" | "spacer"): {
|
|
35
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
|
|
36
|
+
prototype: videojs.Spacer;
|
|
37
|
+
};
|
|
38
|
+
getComponent(name: "Player" | "player"): {
|
|
39
|
+
new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
|
|
40
|
+
prototype: VideoJsPlayer;
|
|
41
|
+
getTagSettings(tag: Element): any;
|
|
42
|
+
};
|
|
43
|
+
getComponent(name: "timeTooltip" | "TimeTooltip"): {
|
|
44
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
|
|
45
|
+
prototype: videojs.TimeToolTip;
|
|
46
|
+
};
|
|
47
|
+
getComponent(name: string): any;
|
|
48
|
+
registerComponent(name: string, ComponentToRegister: any): any;
|
|
49
|
+
};
|
|
50
|
+
export declare class ChapterMenuItem extends ChaptersTrackMenuItem {
|
|
51
|
+
options_: videojs.ChaptersTrackMenuItemOptions;
|
|
52
|
+
private nonIconControl;
|
|
53
|
+
private thumbnailDisplay;
|
|
54
|
+
constructor(player: VideoJsPlayer, options?: videojs.ChaptersTrackMenuItemOptions);
|
|
55
|
+
update(): void;
|
|
56
|
+
buildCSSClass(): string;
|
|
57
|
+
createEl(type: string, props?: any, attrs?: any): HTMLLIElement;
|
|
58
|
+
private getInnerHTML;
|
|
59
|
+
}
|
|
60
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './chapters-button.scss';
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { CollapsibleComponent } from "../../interfaces/CollapsibleComponent";
|
|
2
|
+
import videojs, { VideoJsPlayer } from 'video.js';
|
|
3
|
+
import './cog-button.scss';
|
|
4
|
+
declare const MenuItem: {
|
|
5
|
+
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
6
|
+
prototype: videojs.MenuItem;
|
|
7
|
+
};
|
|
8
|
+
interface CogMenuItemOptions extends videojs.ComponentOptions {
|
|
9
|
+
item: CollapsibleComponent;
|
|
10
|
+
}
|
|
11
|
+
declare class CogMenuItem extends MenuItem {
|
|
12
|
+
options_: CogMenuItemOptions;
|
|
13
|
+
constructor(player: VideoJsPlayer, options: CogMenuItemOptions);
|
|
14
|
+
handleClick(event: videojs.EventTarget.Event): void;
|
|
15
|
+
createEl(tagName?: string, properties?: any, attributes?: any): HTMLLIElement;
|
|
16
|
+
}
|
|
17
|
+
declare const MenuButton: {
|
|
18
|
+
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
19
|
+
prototype: videojs.MenuButton;
|
|
20
|
+
};
|
|
21
|
+
interface CogButtonOptions extends videojs.ComponentOptions {
|
|
22
|
+
items: CollapsibleComponent[];
|
|
23
|
+
}
|
|
24
|
+
export declare class CogButton extends MenuButton {
|
|
25
|
+
options_: CogButtonOptions;
|
|
26
|
+
constructor(player: VideoJsPlayer, options: CogButtonOptions);
|
|
27
|
+
buildWrapperCSSClass(): string;
|
|
28
|
+
buildCSSClass(): string;
|
|
29
|
+
pressButton(): void;
|
|
30
|
+
/**
|
|
31
|
+
* Create the list of menu items. Specific to each subclass.
|
|
32
|
+
*
|
|
33
|
+
* @abstract
|
|
34
|
+
*/
|
|
35
|
+
createItems(): CogMenuItem[];
|
|
36
|
+
update(): void;
|
|
37
|
+
}
|
|
38
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './playback-rate-button.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './progress-control.scss';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './quality-button.scss';
|
|
@@ -0,0 +1,17 @@
|
|
|
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
|
+
export interface QualityMenuOptions extends videojs.MenuItemOptions {
|
|
7
|
+
qualityId: string;
|
|
8
|
+
label: string;
|
|
9
|
+
}
|
|
10
|
+
export declare class QualityMenuItem extends MenuItem {
|
|
11
|
+
private qualityId;
|
|
12
|
+
constructor(player: VideoJsPlayer, options: QualityMenuOptions);
|
|
13
|
+
buildCSSClass(): string;
|
|
14
|
+
handleClick(): void;
|
|
15
|
+
private handleQualityChange;
|
|
16
|
+
}
|
|
17
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './subs-caps-button.scss';
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import videojs, { VideoJsPlayer } from 'video.js';
|
|
2
|
+
import './thumbnail-display.scss';
|
|
3
|
+
declare const Component: {
|
|
4
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
|
|
5
|
+
prototype: videojs.Component;
|
|
6
|
+
getComponent(name: "button" | "Button"): {
|
|
7
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
|
|
8
|
+
prototype: videojs.Button;
|
|
9
|
+
};
|
|
10
|
+
getComponent(name: "ClickableComponent" | "clickablecomponent"): {
|
|
11
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
|
|
12
|
+
prototype: videojs.ClickableComponent;
|
|
13
|
+
};
|
|
14
|
+
getComponent(name: "ModalDialog" | "modaldialog"): {
|
|
15
|
+
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
16
|
+
prototype: videojs.ModalDialog;
|
|
17
|
+
};
|
|
18
|
+
getComponent(name: "menu" | "Menu"): {
|
|
19
|
+
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
20
|
+
prototype: videojs.Menu;
|
|
21
|
+
};
|
|
22
|
+
getComponent(name: "MenuButton" | "menubutton"): {
|
|
23
|
+
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
24
|
+
prototype: videojs.MenuButton;
|
|
25
|
+
};
|
|
26
|
+
getComponent(name: "menuitem" | "MenuItem"): {
|
|
27
|
+
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
28
|
+
prototype: videojs.MenuItem;
|
|
29
|
+
};
|
|
30
|
+
getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
|
|
31
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
|
|
32
|
+
prototype: videojs.MouseTimeDisplay;
|
|
33
|
+
};
|
|
34
|
+
getComponent(name: "Spacer" | "spacer"): {
|
|
35
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
|
|
36
|
+
prototype: videojs.Spacer;
|
|
37
|
+
};
|
|
38
|
+
getComponent(name: "Player" | "player"): {
|
|
39
|
+
new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
|
|
40
|
+
prototype: VideoJsPlayer;
|
|
41
|
+
getTagSettings(tag: Element): any;
|
|
42
|
+
};
|
|
43
|
+
getComponent(name: "timeTooltip" | "TimeTooltip"): {
|
|
44
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
|
|
45
|
+
prototype: videojs.TimeToolTip;
|
|
46
|
+
};
|
|
47
|
+
getComponent(name: string): any;
|
|
48
|
+
registerComponent(name: string, ComponentToRegister: any): any;
|
|
49
|
+
};
|
|
50
|
+
interface ThumbnailDisplayOptions extends videojs.ComponentOptions {
|
|
51
|
+
scaleFactor?: number;
|
|
52
|
+
}
|
|
53
|
+
export declare class ThumbnailDisplay extends Component {
|
|
54
|
+
options_: ThumbnailDisplayOptions;
|
|
55
|
+
private img_;
|
|
56
|
+
private el_;
|
|
57
|
+
private track_;
|
|
58
|
+
constructor(player: VideoJsPlayer, options?: ThumbnailDisplayOptions);
|
|
59
|
+
setTrack(track: TextTrack): void;
|
|
60
|
+
createEl(): Element;
|
|
61
|
+
private enable;
|
|
62
|
+
private disable;
|
|
63
|
+
private parseImageLink;
|
|
64
|
+
update(time: number): void;
|
|
65
|
+
}
|
|
66
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import videojs, { VideoJsPlayer } from 'video.js';
|
|
2
|
+
import './time-tooltip.scss';
|
|
3
|
+
declare const BaseTimeToolTip: {
|
|
4
|
+
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
|
|
5
|
+
prototype: videojs.TimeToolTip;
|
|
6
|
+
};
|
|
7
|
+
export declare class TimeTooltip extends BaseTimeToolTip {
|
|
8
|
+
private track_;
|
|
9
|
+
private time_;
|
|
10
|
+
private chapter_;
|
|
11
|
+
constructor(player: VideoJsPlayer, options?: videojs.ComponentOptions);
|
|
12
|
+
createEl(): HTMLDivElement;
|
|
13
|
+
updateTime(time: number): void;
|
|
14
|
+
}
|
|
15
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './time-wrapper.scss';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import 'core-js/features/promise';
|
|
2
|
+
import 'core-js/features/string';
|
|
3
|
+
import 'core-js/features/array';
|
|
4
|
+
import 'core-js/features/object';
|
|
5
|
+
import 'regenerator-runtime/runtime';
|
|
6
|
+
import '../dist/font.scss';
|
|
7
|
+
import './theme/index.scss';
|
|
8
|
+
export * from './react/Player';
|
|
9
|
+
export * from './react/InteractivePlayer';
|
|
10
|
+
export * from './react/CreateClipPlayer';
|
|
11
|
+
export * from './players/player';
|
|
12
|
+
export * from './players/interactive-player';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import videojs from 'video.js';
|
|
2
|
+
export interface CollapsibleComponent extends videojs.Component {
|
|
3
|
+
alwaysCollapsed: boolean;
|
|
4
|
+
isCollapsed: boolean;
|
|
5
|
+
isCollabsible: boolean;
|
|
6
|
+
getCollabsibleName(): string;
|
|
7
|
+
getCollabsibleValue(): string;
|
|
8
|
+
showInCollabsibleMenu(): boolean;
|
|
9
|
+
showCollapsibleMenu(): void;
|
|
10
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export interface PlaybackObject {
|
|
2
|
+
files: Files;
|
|
3
|
+
chapters: Chapters;
|
|
4
|
+
subtitles: Subtitles;
|
|
5
|
+
posterUrl?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface Files {
|
|
8
|
+
progressive: File[];
|
|
9
|
+
}
|
|
10
|
+
export interface File {
|
|
11
|
+
url: string;
|
|
12
|
+
mimeType: string;
|
|
13
|
+
profile: string;
|
|
14
|
+
}
|
|
15
|
+
export interface Chapters {
|
|
16
|
+
list: Chapter[];
|
|
17
|
+
}
|
|
18
|
+
export interface Chapter {
|
|
19
|
+
name: string;
|
|
20
|
+
timestamp: number;
|
|
21
|
+
endTimestamp: number;
|
|
22
|
+
}
|
|
23
|
+
export interface Subtitles {
|
|
24
|
+
list: Subtitle[];
|
|
25
|
+
}
|
|
26
|
+
export interface Subtitle {
|
|
27
|
+
url: string;
|
|
28
|
+
language: string;
|
|
29
|
+
isDefault?: boolean;
|
|
30
|
+
label: string;
|
|
31
|
+
mimeType: string;
|
|
32
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { VideoJsPlayer, VideoJsPlayerOptions } from 'video.js';
|
|
2
|
+
import 'videojs-contrib-quality-levels';
|
|
3
|
+
import "../plugins/progressive-files-plugin/progressive-files-plugin";
|
|
4
|
+
import "../components/time-wrapper/time-wrapper";
|
|
5
|
+
import "../components/collapserator/collapserator";
|
|
6
|
+
import "../components/chapter-seek-bar/chapter-seek-bar";
|
|
7
|
+
import "../components/progress-control/progress-control";
|
|
8
|
+
import "../components/mouse-time-display/mouse-time-display";
|
|
9
|
+
import "../components/chapters-button/chapters-button";
|
|
10
|
+
import "../components/subs-caps-button/subs-caps-button";
|
|
11
|
+
import "../components/quality-selector/quality-button";
|
|
12
|
+
import "../components/playback-rate-button/playback-rate-button";
|
|
13
|
+
/**
|
|
14
|
+
* *.scss imports must be relative
|
|
15
|
+
*/
|
|
16
|
+
import '../components/control-bar/control-bar.scss';
|
|
17
|
+
import '../components/volume-control/volume-control.scss';
|
|
18
|
+
import '../components/menu/menu.scss';
|
|
19
|
+
import '../components/big-play-button/big-play-button.scss';
|
|
20
|
+
import { ExternalLinkOptions } from "../plugins/open-externally-plugin/interfaces/ExternalLinkOptions";
|
|
21
|
+
import { PlaybackObject } from "../interfaces/models/PlaybackObject";
|
|
22
|
+
export interface BasePlayerOptions {
|
|
23
|
+
autoplay?: boolean;
|
|
24
|
+
viewKey: string;
|
|
25
|
+
startTime?: number;
|
|
26
|
+
controls?: boolean;
|
|
27
|
+
playbackRates?: number[];
|
|
28
|
+
embed?: boolean;
|
|
29
|
+
getExternalLink?: (options: ExternalLinkOptions) => string;
|
|
30
|
+
/**
|
|
31
|
+
* An optional external element for binding hotkey
|
|
32
|
+
* event listeners to.
|
|
33
|
+
*/
|
|
34
|
+
hotkeyElQuerySelector?: string;
|
|
35
|
+
playerApi?: URL;
|
|
36
|
+
setup?: (options: BasePlayerOptions, player: VideoJsPlayer) => void;
|
|
37
|
+
fetch?: (viewKey: string) => Promise<PlaybackObject>;
|
|
38
|
+
}
|
|
39
|
+
export declare abstract class BasePlayer {
|
|
40
|
+
static options_: BasePlayerOptions;
|
|
41
|
+
protected el: HTMLVideoElement;
|
|
42
|
+
protected player: VideoJsPlayer;
|
|
43
|
+
protected options: BasePlayerOptions;
|
|
44
|
+
constructor(id: string | Element, options: BasePlayerOptions);
|
|
45
|
+
protected initialize(): void;
|
|
46
|
+
protected configurePlugins(): void;
|
|
47
|
+
protected buildVideoJs(): VideoJsPlayer;
|
|
48
|
+
protected getPlayerOptions(): VideoJsPlayerOptions;
|
|
49
|
+
protected fetch(): Promise<void>;
|
|
50
|
+
protected createEl(id: string | Element): HTMLVideoElement;
|
|
51
|
+
protected getPlayerClassName(): string;
|
|
52
|
+
on(type: string | string[], listener: (...args: any[]) => void): void;
|
|
53
|
+
one(type: string | string[], listener: (...args: any[]) => void): void;
|
|
54
|
+
off(type: string | string[], listener: (...args: any[]) => void): void;
|
|
55
|
+
trigger(event: any, hash?: any): boolean;
|
|
56
|
+
dispose(): void;
|
|
57
|
+
ready(callback: () => void): void;
|
|
58
|
+
play(): void;
|
|
59
|
+
currentTime(time?: number): number | void;
|
|
60
|
+
private bindEventListeners;
|
|
61
|
+
private setupSeekBar;
|
|
62
|
+
protected getSeekBarComponent(): string;
|
|
63
|
+
private configureMenuDimensions;
|
|
64
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { BasePlayer, BasePlayerOptions } from './base-player';
|
|
2
|
+
import "../plugins/create-clip-plugin/create-clip-plugin";
|
|
3
|
+
export interface CreateClipPlayerOptions extends Omit<BasePlayerOptions, 'playbackRates'> {
|
|
4
|
+
onChangeEndTime: (endTime: number) => void;
|
|
5
|
+
onChangeStartTime: (startTime: number) => void;
|
|
6
|
+
startTime?: number;
|
|
7
|
+
endTime?: number;
|
|
8
|
+
minDuration?: number;
|
|
9
|
+
}
|
|
10
|
+
export declare class CreateClipPlayer extends BasePlayer {
|
|
11
|
+
protected options: CreateClipPlayerOptions;
|
|
12
|
+
constructor(id: string | Element, options: CreateClipPlayerOptions);
|
|
13
|
+
protected getPlayerClassName(): string;
|
|
14
|
+
protected configurePlugins(): void;
|
|
15
|
+
protected getSeekBarComponent(): string;
|
|
16
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BasePlayer, BasePlayerOptions } from './base-player';
|
|
2
|
+
import { InteractiveMode } from "../plugins/interactive-plugin/interfaces";
|
|
3
|
+
import "../plugins/interactive-plugin/interactive-plugin";
|
|
4
|
+
export interface InteractivePlayerOptions extends BasePlayerOptions {
|
|
5
|
+
mode?: InteractiveMode;
|
|
6
|
+
}
|
|
7
|
+
export declare class InteractivePlayer extends BasePlayer {
|
|
8
|
+
protected options: InteractivePlayerOptions;
|
|
9
|
+
constructor(id: string | Element, options: InteractivePlayerOptions);
|
|
10
|
+
protected configurePlugins(): Promise<void>;
|
|
11
|
+
}
|