@clickview/player 0.0.0-dev.0 → 0.0.0-rc.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/dist/index.html +19 -0
- package/package.json +7 -23
- package/.eslintrc.json +0 -3
- package/.storybook/main.js +0 -21
- package/.storybook/preview-head.html +0 -3
- package/.storybook/stories/Base.stories.tsx +0 -115
- package/.storybook/stories/Clips.stories.tsx +0 -64
- package/.storybook/stories/Interactives.stories.tsx +0 -65
- package/.storybook/stories/Subtitles.stories.tsx +0 -22
- package/.storybook/stories/assets/chapters.vtt +0 -19
- package/.storybook/stories/assets/en.vtt +0 -8
- package/.storybook/stories/assets/es.vtt +0 -8
- package/.storybook/stories/assets/fr.vtt +0 -8
- package/.storybook/stories/assets/interactive.json +0 -451
- 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 +0 -62
- package/.storybook/stories/assets/vertical.mp4 +0 -0
- package/.storybook/stories/utils/Wrap.tsx +0 -18
- package/.storybook/stories/utils/mock-playerapi.ts +0 -181
- package/.storybook/stories/utils/mock-setup.ts +0 -23
- package/dist/bundle.js +0 -1
- package/dist/font.scss +0 -59
- package/dist/libs/analytics/src/clients/CollectionApiClient.d.ts +0 -48
- package/dist/libs/analytics/src/constants/CountryRegionMapping.d.ts +0 -7
- package/dist/libs/analytics/src/constants/Regions.d.ts +0 -6
- package/dist/libs/analytics/src/enums/CountryCode.d.ts +0 -5
- package/dist/libs/analytics/src/enums/RegionName.d.ts +0 -5
- package/dist/libs/analytics/src/interfaces/AnalyticsTypes.d.ts +0 -316
- package/dist/libs/analytics/src/interfaces/Config.d.ts +0 -3
- package/dist/libs/analytics/src/interfaces/Folder.d.ts +0 -3
- package/dist/libs/analytics/src/interfaces/HashObject.d.ts +0 -3
- package/dist/libs/analytics/src/interfaces/Owner.d.ts +0 -3
- package/dist/libs/analytics/src/interfaces/Playlist.d.ts +0 -3
- package/dist/libs/analytics/src/interfaces/Rating.d.ts +0 -4
- package/dist/libs/analytics/src/interfaces/Region.d.ts +0 -5
- package/dist/libs/analytics/src/interfaces/RegionalUrl.d.ts +0 -5
- package/dist/libs/analytics/src/interfaces/Resource.d.ts +0 -5
- package/dist/libs/analytics/src/interfaces/Series.d.ts +0 -3
- package/dist/libs/analytics/src/interfaces/Subtitle.d.ts +0 -4
- package/dist/libs/analytics/src/interfaces/User.d.ts +0 -17
- package/dist/libs/analytics/src/interfaces/VersionData.d.ts +0 -4
- package/dist/libs/analytics/src/interfaces/Video.d.ts +0 -16
- package/dist/libs/analytics/src/interfaces/index.d.ts +0 -15
- package/dist/libs/analytics/src/interfaces/primitives/BaseObject.d.ts +0 -7
- package/dist/libs/analytics/src/models/AnalyticsEvent.d.ts +0 -49
- package/dist/libs/analytics/src/models/CollectionEvent.d.ts +0 -61
- package/dist/libs/analytics/src/utils/CollectionApiClientHelper.d.ts +0 -6
- package/dist/libs/analytics/src/utils/DataFormatHelper.d.ts +0 -14
- package/dist/libs/analytics/src/utils/EventWhitelistHelper.d.ts +0 -19
- package/dist/libs/analytics/src/utils/TypeHelper.d.ts +0 -4
- package/dist/libs/analytics/src/utils/UploadDataFormatHelper.d.ts +0 -10
- package/dist/libs/analytics/src/utils/UrlHelper.d.ts +0 -3
- package/dist/libs/analytics/src/utils/UserAgentHelper.d.ts +0 -10
- package/dist/libs/analytics/src/utils/VideoDataFormatHelper.d.ts +0 -42
- package/dist/libs/common/src/backbone/constants/CommonChannels.d.ts +0 -5
- package/dist/libs/common/src/backbone/core/AppLink.d.ts +0 -37
- package/dist/libs/common/src/backbone/core/BaseAppRouter.d.ts +0 -99
- package/dist/libs/common/src/backbone/core/BaseApplication.d.ts +0 -76
- package/dist/libs/common/src/backbone/core/BaseBehavior.d.ts +0 -6
- package/dist/libs/common/src/backbone/core/BaseCollection.d.ts +0 -7
- package/dist/libs/common/src/backbone/core/BaseCollectionView.d.ts +0 -16
- package/dist/libs/common/src/backbone/core/BaseError.d.ts +0 -18
- package/dist/libs/common/src/backbone/core/BaseLayoutView.d.ts +0 -11
- package/dist/libs/common/src/backbone/core/BaseModel.d.ts +0 -27
- package/dist/libs/common/src/backbone/core/BaseNestedModel.d.ts +0 -21
- package/dist/libs/common/src/backbone/core/BaseService.d.ts +0 -10
- package/dist/libs/common/src/backbone/core/BaseView.d.ts +0 -131
- package/dist/libs/common/src/backbone/core/EventNames.d.ts +0 -16
- package/dist/libs/common/src/backbone/core/LayoutService.d.ts +0 -31
- package/dist/libs/common/src/backbone/core/ListenToRadio.d.ts +0 -3
- package/dist/libs/common/src/backbone/core/LocationUtils.d.ts +0 -23
- package/dist/libs/common/src/backbone/core/Middleware.d.ts +0 -10
- package/dist/libs/common/src/backbone/core/Shell.d.ts +0 -79
- package/dist/libs/common/src/backbone/core/Types.d.ts +0 -12
- package/dist/libs/common/src/backbone/core/index.d.ts +0 -18
- package/dist/libs/common/src/backbone/errors/DevError.d.ts +0 -4
- package/dist/libs/common/src/backbone/index.d.ts +0 -2
- package/dist/libs/common/src/backbone/interfaces/StickitBinding.d.ts +0 -38
- package/dist/libs/common/src/backbone/services/EnvironmentVariables.d.ts +0 -13
- package/dist/libs/common/src/react/interfaces/HashObject.d.ts +0 -3
- package/dist/libs/shared/src/interfaces/models/primitives/BaseObject.d.ts +0 -7
- package/dist/player-app.css +0 -71
- package/dist/player-app.js +0 -52
- package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-item.d.ts +0 -79
- package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-items.d.ts +0 -55
- package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-load-progress.d.ts +0 -55
- package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-play-progress.d.ts +0 -55
- package/dist/projects/player/src/components/chapter-seek-bar/chapter-seek-bar.d.ts +0 -1
- package/dist/projects/player/src/components/chapters-button/chapter-menu-item.d.ts +0 -60
- package/dist/projects/player/src/components/chapters-button/chapters-button.d.ts +0 -1
- package/dist/projects/player/src/components/cog-button/cog-button.d.ts +0 -38
- package/dist/projects/player/src/components/collapserator/collapserator.d.ts +0 -4
- package/dist/projects/player/src/components/mouse-time-display/mouse-time-display.d.ts +0 -3
- package/dist/projects/player/src/components/playback-rate-button/playback-rate-button.d.ts +0 -1
- package/dist/projects/player/src/components/progress-control/progress-control.d.ts +0 -1
- package/dist/projects/player/src/components/quality-selector/quality-button.d.ts +0 -1
- package/dist/projects/player/src/components/quality-selector/quality-menu-item.d.ts +0 -17
- package/dist/projects/player/src/components/subs-caps-button/subs-caps-button.d.ts +0 -1
- package/dist/projects/player/src/components/thumbnail-display/thumbnail-display.d.ts +0 -66
- package/dist/projects/player/src/components/time-tooltip/time-tooltip.d.ts +0 -15
- package/dist/projects/player/src/components/time-wrapper/time-wrapper.d.ts +0 -1
- package/dist/projects/player/src/index.d.ts +0 -12
- package/dist/projects/player/src/interfaces/CollapsibleComponent.d.ts +0 -10
- package/dist/projects/player/src/interfaces/models/ApiError.d.ts +0 -4
- package/dist/projects/player/src/interfaces/models/PlaybackObject.d.ts +0 -32
- package/dist/projects/player/src/players/base-player.d.ts +0 -64
- package/dist/projects/player/src/players/create-clip-player.d.ts +0 -16
- package/dist/projects/player/src/players/interactive-player.d.ts +0 -11
- package/dist/projects/player/src/players/player.d.ts +0 -15
- package/dist/projects/player/src/plugins/clip-plugin/clip-plugin.d.ts +0 -50
- package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector-handle.d.ts +0 -54
- package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector.d.ts +0 -89
- package/dist/projects/player/src/plugins/create-clip-plugin/components/create-clip-seek-bar/create-clip-seek-bar.d.ts +0 -14
- package/dist/projects/player/src/plugins/create-clip-plugin/create-clip-plugin.d.ts +0 -14
- package/dist/projects/player/src/plugins/example-plugin/components/example-button/example-button.d.ts +0 -1
- package/dist/projects/player/src/plugins/example-plugin/components/example-react-button/example-react-button.d.ts +0 -1
- package/dist/projects/player/src/plugins/example-plugin/example-plugin.d.ts +0 -2
- package/dist/projects/player/src/plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin.d.ts +0 -1
- package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-components.d.ts +0 -4
- package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.d.ts +0 -10
- package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.d.ts +0 -8
- package/dist/projects/player/src/plugins/interactive-plugin/components/feedback/feedback.d.ts +0 -7
- package/dist/projects/player/src/plugins/interactive-plugin/components/incomplete-alert/incomplete-alert.d.ts +0 -2
- package/dist/projects/player/src/plugins/interactive-plugin/components/interactive/interactive-component.d.ts +0 -1
- package/dist/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-item.d.ts +0 -21
- package/dist/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.d.ts +0 -66
- package/dist/projects/player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.d.ts +0 -21
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/annotation/annotation-interaction.d.ts +0 -3
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/image/image-interaction.d.ts +0 -4
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/missing-word/missing-word-interaction.d.ts +0 -9
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/multiple-choice/multiple-choice-interaction.d.ts +0 -10
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/short-answer/short-answer-interaction.d.ts +0 -9
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/view-components.d.ts +0 -4
- package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.d.ts +0 -8
- package/dist/projects/player/src/plugins/interactive-plugin/interactive-plugin.d.ts +0 -1
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/InteractionComponent.d.ts +0 -3
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/InteractionProps.d.ts +0 -8
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/InteractiveMode.d.ts +0 -4
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/SubmissionFunction.d.ts +0 -2
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/ValidationFunction.d.ts +0 -2
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/index.d.ts +0 -6
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/ActionableItem.d.ts +0 -6
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/Interaction.d.ts +0 -14
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/InteractionType.d.ts +0 -7
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/InteractionTypeId.d.ts +0 -8
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/Interactive.d.ts +0 -7
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/Timepoint.d.ts +0 -9
- package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/index.d.ts +0 -6
- package/dist/projects/player/src/plugins/interactive-plugin/utils/getInteractionComponents.d.ts +0 -2
- package/dist/projects/player/src/plugins/interactive-plugin/utils/getInteractionStateId.d.ts +0 -2
- package/dist/projects/player/src/plugins/interactive-plugin/utils/getSubmissionFunction.d.ts +0 -2
- package/dist/projects/player/src/plugins/interactive-plugin/utils/getTimepointStateId.d.ts +0 -2
- package/dist/projects/player/src/plugins/interactive-plugin/utils/getValidationFunction.d.ts +0 -2
- package/dist/projects/player/src/plugins/interactive-plugin/utils/useInteractiveTrack.d.ts +0 -17
- package/dist/projects/player/src/plugins/open-externally-plugin/components/open-externally-button.d.ts +0 -1
- package/dist/projects/player/src/plugins/open-externally-plugin/interfaces/ExternalLinkOptions.d.ts +0 -3
- package/dist/projects/player/src/plugins/open-externally-plugin/open-externally-plugin.d.ts +0 -1
- package/dist/projects/player/src/plugins/persist-volume-plugin/persist-volume-plugin.d.ts +0 -1
- package/dist/projects/player/src/plugins/persist-volume-plugin/persist-volume-plugin.test.d.ts +0 -1
- package/dist/projects/player/src/plugins/progress-reporter-plugin/progress-reporter-plugin.d.ts +0 -9
- package/dist/projects/player/src/plugins/progressive-files-plugin/ProgressiveFilesPluginOptions.d.ts +0 -4
- package/dist/projects/player/src/plugins/progressive-files-plugin/ProgressiveRepresentation.d.ts +0 -10
- package/dist/projects/player/src/plugins/progressive-files-plugin/interfaces/Source.d.ts +0 -6
- package/dist/projects/player/src/plugins/progressive-files-plugin/progressive-files-plugin.d.ts +0 -38
- package/dist/projects/player/src/plugins/touch-controls-plugin/components/touch-controls/touch-controls.d.ts +0 -59
- package/dist/projects/player/src/plugins/touch-controls-plugin/touch-controls-plugin.d.ts +0 -1
- package/dist/projects/player/src/react/CreateClipPlayer.d.ts +0 -3
- package/dist/projects/player/src/react/EmbeddedPlayer.d.ts +0 -7
- package/dist/projects/player/src/react/InteractivePlayer.d.ts +0 -9
- package/dist/projects/player/src/react/Player.d.ts +0 -8
- package/dist/projects/player/src/react/react-component.d.ts +0 -56
- package/dist/projects/player/src/services/analytics-service.d.ts +0 -15
- package/dist/projects/player/src/utils/ajax-helper.d.ts +0 -6
- package/dist/projects/player/src/utils/fn.d.ts +0 -14
- package/dist/projects/player/src/utils/formatTime.d.ts +0 -5
- package/dist/projects/player/src/utils/hotkeys.d.ts +0 -5
- package/dist/projects/player/src/utils/scrollbar-helper.d.ts +0 -6
- package/dist/projects/player/src/utils/track-helper.d.ts +0 -7
- package/dist/projects/player/test/players/test-player.d.ts +0 -17
- package/dist/projects/player/test/setupTests.d.ts +0 -0
- package/dist/projects/player/test/utils/test-helpers.d.ts +0 -8
- package/jest.config.js +0 -13
- package/test/players/test-player.ts +0 -31
- package/test/setupTests.ts +0 -8
- package/test/utils/test-helpers.ts +0 -22
- package/tooling/font-webpack.config.js +0 -44
- package/typings/libs/videojs-contrib-quality-levels.d.ts +0 -29
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { BasePlayer, BasePlayerOptions } from './base-player';
|
|
2
|
-
import "../plugins/example-plugin/example-plugin";
|
|
3
|
-
import "../plugins/progress-reporter-plugin/progress-reporter-plugin";
|
|
4
|
-
import "../plugins/persist-volume-plugin/persist-volume-plugin";
|
|
5
|
-
import "../plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin";
|
|
6
|
-
import "../plugins/open-externally-plugin/open-externally-plugin";
|
|
7
|
-
import "../plugins/clip-plugin/clip-plugin";
|
|
8
|
-
import "../plugins/touch-controls-plugin/touch-controls-plugin";
|
|
9
|
-
export interface PlayerOptions extends BasePlayerOptions {
|
|
10
|
-
}
|
|
11
|
-
export declare class Player extends BasePlayer {
|
|
12
|
-
protected options: PlayerOptions;
|
|
13
|
-
constructor(id: string | Element, options: PlayerOptions);
|
|
14
|
-
protected configurePlugins(): void;
|
|
15
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import videojs, { VideoJsPlayer } from 'video.js';
|
|
2
|
-
declare const Plugin: {
|
|
3
|
-
new (player: VideoJsPlayer, options?: any): videojs.Plugin;
|
|
4
|
-
prototype: videojs.Plugin;
|
|
5
|
-
BASE_PLUGIN_NAME: string;
|
|
6
|
-
deregisterPlugin(name: string): void;
|
|
7
|
-
getPlugin(name: string): any;
|
|
8
|
-
getPluginVersion(name: string): string;
|
|
9
|
-
getPlugins(names?: string[]): {
|
|
10
|
-
[name: string]: videojs.Plugin;
|
|
11
|
-
};
|
|
12
|
-
isBasic(plugin: string | (() => any)): boolean;
|
|
13
|
-
registerPlugin<T, K>(name: string, plugin: (this: VideoJsPlayer, ...options: K[]) => T): (...options: K[]) => T;
|
|
14
|
-
registerPlugin<T_1 extends any>(name: string, plugin: T_1): () => T_1;
|
|
15
|
-
};
|
|
16
|
-
export interface ClipPluginOptions {
|
|
17
|
-
startTime: number;
|
|
18
|
-
duration: number;
|
|
19
|
-
}
|
|
20
|
-
export declare class ClipPlugin extends Plugin {
|
|
21
|
-
private _clipStart;
|
|
22
|
-
private _clipEnd;
|
|
23
|
-
private _isEnded;
|
|
24
|
-
private playerEndedFn;
|
|
25
|
-
private playerDurationFn;
|
|
26
|
-
private playerCurrentTimeFn;
|
|
27
|
-
private playerbufferedFn;
|
|
28
|
-
constructor(player: VideoJsPlayer, options: ClipPluginOptions);
|
|
29
|
-
get clipStart(): number;
|
|
30
|
-
get clipEnd(): number;
|
|
31
|
-
dispose(): void;
|
|
32
|
-
private initialize;
|
|
33
|
-
private onPlay;
|
|
34
|
-
private onTimeUpdate;
|
|
35
|
-
private ended;
|
|
36
|
-
private duration;
|
|
37
|
-
private currentTime;
|
|
38
|
-
/**
|
|
39
|
-
* Gets the current time of the video and updates the videojs currentTime cache
|
|
40
|
-
* @param clipTime Set to true to return the current time in the context of a clip
|
|
41
|
-
*/
|
|
42
|
-
private getCurrentTime;
|
|
43
|
-
private buffered;
|
|
44
|
-
}
|
|
45
|
-
declare module 'video.js' {
|
|
46
|
-
interface VideoJsPlayer {
|
|
47
|
-
clipPlugin(options: ClipPluginOptions): void;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
export {};
|
|
@@ -1,54 +0,0 @@
|
|
|
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 ClipTimepointSelectorHandle extends Component {
|
|
50
|
-
buildCSSClass(): string;
|
|
51
|
-
createEl(tagName?: string, properties?: any, attributes?: any): Element;
|
|
52
|
-
isEventTarget(e: videojs.EventTarget.Event): boolean;
|
|
53
|
-
}
|
|
54
|
-
export {};
|
|
@@ -1,89 +0,0 @@
|
|
|
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
|
-
import './clip-timepoint-selector.scss';
|
|
50
|
-
export interface ClipTimepointSelectorOptions extends videojs.ComponentOptions {
|
|
51
|
-
startTime: number;
|
|
52
|
-
endTime: number;
|
|
53
|
-
minDuration: number;
|
|
54
|
-
onChangeStartTime: (startTime: number) => void;
|
|
55
|
-
onChangeEndTime: (endTime: number) => void;
|
|
56
|
-
}
|
|
57
|
-
export declare class ClipTimepointSelector extends Component {
|
|
58
|
-
options_: ClipTimepointSelectorOptions;
|
|
59
|
-
el_: HTMLElement;
|
|
60
|
-
/**
|
|
61
|
-
* These variables shouldn't be set directly.
|
|
62
|
-
* setStartTime and setEndTime should be used.
|
|
63
|
-
*/
|
|
64
|
-
private startTime;
|
|
65
|
-
private endTime;
|
|
66
|
-
private startHandle;
|
|
67
|
-
private endHandle;
|
|
68
|
-
private dragStartActive;
|
|
69
|
-
private dragEndActive;
|
|
70
|
-
private dragSliderActive;
|
|
71
|
-
private dragSliderCurrentPosition;
|
|
72
|
-
constructor(player: VideoJsPlayer, options: ClipTimepointSelectorOptions);
|
|
73
|
-
createEl(): Element;
|
|
74
|
-
private update;
|
|
75
|
-
private setStartTime;
|
|
76
|
-
private setEndTime;
|
|
77
|
-
private bindDragListeners;
|
|
78
|
-
private dragStart;
|
|
79
|
-
private dragEnd;
|
|
80
|
-
private drag;
|
|
81
|
-
private handleStartHandleDrag;
|
|
82
|
-
private handleEndHandleDrag;
|
|
83
|
-
private handleSliderDrag;
|
|
84
|
-
private getPosition;
|
|
85
|
-
private setStartOffset;
|
|
86
|
-
private setWidth;
|
|
87
|
-
private getPercentage;
|
|
88
|
-
}
|
|
89
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import videojs, { VideoJsPlayer } from 'video.js';
|
|
2
|
-
declare const SeekBar: {
|
|
3
|
-
new (player: VideoJsPlayer, options?: videojs.SliderOptions): videojs.SeekBar;
|
|
4
|
-
prototype: videojs.SeekBar;
|
|
5
|
-
};
|
|
6
|
-
import { ClipTimepointSelectorOptions } from "../clip-timepoint-selector/clip-timepoint-selector";
|
|
7
|
-
import './create-clip-seek-bar.scss';
|
|
8
|
-
interface CreateClipSeekBarOptions extends ClipTimepointSelectorOptions {
|
|
9
|
-
}
|
|
10
|
-
export declare class CreateClipSeekBar extends SeekBar {
|
|
11
|
-
constructor(player: VideoJsPlayer, options: any);
|
|
12
|
-
initialize(options: CreateClipSeekBarOptions): void;
|
|
13
|
-
}
|
|
14
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import "./components/create-clip-seek-bar/create-clip-seek-bar";
|
|
2
|
-
interface CreateClipPluginOptions {
|
|
3
|
-
onChangeStartTime: (startTime: number) => void;
|
|
4
|
-
onChangeEndTime: (endTime: number) => void;
|
|
5
|
-
startTime?: number;
|
|
6
|
-
endTime?: number;
|
|
7
|
-
minDuration?: number;
|
|
8
|
-
}
|
|
9
|
-
declare module 'video.js' {
|
|
10
|
-
interface VideoJsPlayer {
|
|
11
|
-
createClipPlugin(options: CreateClipPluginOptions): void;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './example-button.scss';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { InteractionTypeId, InteractionComponent, ValidationFunction, SubmissionFunction } from "../../interfaces";
|
|
2
|
-
export declare function getCreateComponent(typeId: InteractionTypeId): InteractionComponent;
|
|
3
|
-
export declare function getCreateValidation(typeId: InteractionTypeId): ValidationFunction;
|
|
4
|
-
export declare function getCreateSubmit(typeId: InteractionTypeId): SubmissionFunction;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Interaction, InteractionProps } from "../../../interfaces";
|
|
3
|
-
import './create-short-answer.scss';
|
|
4
|
-
interface CreateShortAnswerState {
|
|
5
|
-
text: string;
|
|
6
|
-
}
|
|
7
|
-
export declare function ValidateShortAnswer(state: CreateShortAnswerState): boolean;
|
|
8
|
-
export declare function SubmitShortAnswer(state: CreateShortAnswerState, interaction: Interaction): Promise<void>;
|
|
9
|
-
export declare function CreateShortAnswer(props: InteractionProps<CreateShortAnswerState>): React.ReactElement;
|
|
10
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { InteractionTypeId } from "../../../interfaces";
|
|
3
|
-
import './create-type-selector.scss';
|
|
4
|
-
interface CreateTypeSelectorProps {
|
|
5
|
-
onTypeSelected: (typeId: InteractionTypeId) => void;
|
|
6
|
-
}
|
|
7
|
-
export declare function CreateTypeSelector(props: CreateTypeSelectorProps): React.ReactElement;
|
|
8
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './interactive-component.scss';
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import videojs, { VideoJsPlayer } from 'video.js';
|
|
2
|
-
import { Timepoint } from '../../interfaces';
|
|
3
|
-
import './interactive-bar-item.scss';
|
|
4
|
-
declare const Component: {
|
|
5
|
-
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
|
|
6
|
-
prototype: videojs.Button;
|
|
7
|
-
};
|
|
8
|
-
interface InteractiveBarItemOptions extends videojs.ComponentOptions {
|
|
9
|
-
timepoint: Timepoint;
|
|
10
|
-
}
|
|
11
|
-
export declare class InteractiveBarItem extends Component {
|
|
12
|
-
private timepoint_;
|
|
13
|
-
private time_;
|
|
14
|
-
constructor(player: VideoJsPlayer, options: InteractiveBarItemOptions);
|
|
15
|
-
buildCSSClass(): string;
|
|
16
|
-
createEl(tagName?: string, properties?: any, attributes?: any): HTMLButtonElement;
|
|
17
|
-
update(): void;
|
|
18
|
-
handleClick(e: Event): void;
|
|
19
|
-
private setColour;
|
|
20
|
-
}
|
|
21
|
-
export {};
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import videojs, { VideoJsPlayer } from 'video.js';
|
|
2
|
-
import { Interactive } from "../../interfaces";
|
|
3
|
-
import './interactive-bar-items.scss';
|
|
4
|
-
declare const Component: {
|
|
5
|
-
new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
|
|
6
|
-
prototype: videojs.Component;
|
|
7
|
-
getComponent(name: "button" | "Button"): {
|
|
8
|
-
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
|
|
9
|
-
prototype: videojs.Button;
|
|
10
|
-
};
|
|
11
|
-
getComponent(name: "ClickableComponent" | "clickablecomponent"): {
|
|
12
|
-
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
|
|
13
|
-
prototype: videojs.ClickableComponent;
|
|
14
|
-
};
|
|
15
|
-
getComponent(name: "ModalDialog" | "modaldialog"): {
|
|
16
|
-
new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
|
|
17
|
-
prototype: videojs.ModalDialog;
|
|
18
|
-
};
|
|
19
|
-
getComponent(name: "menu" | "Menu"): {
|
|
20
|
-
new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
|
|
21
|
-
prototype: videojs.Menu;
|
|
22
|
-
};
|
|
23
|
-
getComponent(name: "MenuButton" | "menubutton"): {
|
|
24
|
-
new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
|
|
25
|
-
prototype: videojs.MenuButton;
|
|
26
|
-
};
|
|
27
|
-
getComponent(name: "menuitem" | "MenuItem"): {
|
|
28
|
-
new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
|
|
29
|
-
prototype: videojs.MenuItem;
|
|
30
|
-
};
|
|
31
|
-
getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
|
|
32
|
-
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
|
|
33
|
-
prototype: videojs.MouseTimeDisplay;
|
|
34
|
-
};
|
|
35
|
-
getComponent(name: "Spacer" | "spacer"): {
|
|
36
|
-
new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
|
|
37
|
-
prototype: videojs.Spacer;
|
|
38
|
-
};
|
|
39
|
-
getComponent(name: "Player" | "player"): {
|
|
40
|
-
new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
|
|
41
|
-
prototype: VideoJsPlayer;
|
|
42
|
-
getTagSettings(tag: Element): any;
|
|
43
|
-
};
|
|
44
|
-
getComponent(name: "timeTooltip" | "TimeTooltip"): {
|
|
45
|
-
new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
|
|
46
|
-
prototype: videojs.TimeToolTip;
|
|
47
|
-
};
|
|
48
|
-
getComponent(name: string): any;
|
|
49
|
-
registerComponent(name: string, ComponentToRegister: any): any;
|
|
50
|
-
};
|
|
51
|
-
interface InteractiveBarItemsOptions extends videojs.SliderOptions {
|
|
52
|
-
track: TextTrack;
|
|
53
|
-
interactive: Interactive;
|
|
54
|
-
}
|
|
55
|
-
export declare class InteractiveBarItems extends Component {
|
|
56
|
-
private track_;
|
|
57
|
-
private interactive_;
|
|
58
|
-
constructor(player: VideoJsPlayer, options: InteractiveBarItemsOptions);
|
|
59
|
-
buildCSSClass(): string;
|
|
60
|
-
createEl(tagName?: string, properties?: any, attributes?: any): Element;
|
|
61
|
-
update(): void;
|
|
62
|
-
private createInteractionItems;
|
|
63
|
-
private onDurationChange;
|
|
64
|
-
private getTimepointById;
|
|
65
|
-
}
|
|
66
|
-
export {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Timepoint, InteractiveMode } from "../../interfaces";
|
|
3
|
-
import './timepoint-component.scss';
|
|
4
|
-
interface TimepointState {
|
|
5
|
-
isValid: boolean;
|
|
6
|
-
submitted: boolean;
|
|
7
|
-
preview: boolean;
|
|
8
|
-
}
|
|
9
|
-
export declare const initialTimepointState: TimepointState;
|
|
10
|
-
interface TimepointProps {
|
|
11
|
-
timepoint: Timepoint;
|
|
12
|
-
continueInteractive: () => void;
|
|
13
|
-
immediateFeedback: boolean;
|
|
14
|
-
mode: InteractiveMode;
|
|
15
|
-
state: any;
|
|
16
|
-
dispatch: React.Dispatch<any>;
|
|
17
|
-
recalculateScroll: () => void;
|
|
18
|
-
timepointState: TimepointState;
|
|
19
|
-
}
|
|
20
|
-
export declare function TimepointComponent(props: TimepointProps): React.ReactElement;
|
|
21
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Interaction, InteractionProps } from "../../../interfaces";
|
|
3
|
-
interface MissingWordState {
|
|
4
|
-
[id: string]: string;
|
|
5
|
-
}
|
|
6
|
-
export declare function IsViewMissingWordValid(state: MissingWordState, interaction: Interaction): boolean;
|
|
7
|
-
export declare function SubmitViewMissingWord(): Promise<void>;
|
|
8
|
-
export declare function MissingWordInteraction(props: InteractionProps<MissingWordState>): React.ReactElement;
|
|
9
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { InteractionProps } from "../../../interfaces";
|
|
3
|
-
import './multiple-choice-interaction.scss';
|
|
4
|
-
interface MultiplechoiceState {
|
|
5
|
-
[id: string]: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare function IsViewMultipleChoiceValid(state: MultiplechoiceState): boolean;
|
|
8
|
-
export declare function SubmitViewMultipleChoice(): Promise<void>;
|
|
9
|
-
export declare function MultipleChoiceInteraction(props: InteractionProps<MultiplechoiceState>): React.ReactElement;
|
|
10
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { InteractionProps } from "../../../interfaces";
|
|
3
|
-
interface ShortAnswerState {
|
|
4
|
-
text: string;
|
|
5
|
-
}
|
|
6
|
-
export declare function IsViewShortAnswerValid(state: ShortAnswerState): boolean;
|
|
7
|
-
export declare function SubmitViewShortAnswer(): Promise<void>;
|
|
8
|
-
export declare function ShortAnswerInteraction(props: InteractionProps<ShortAnswerState>): React.ReactElement;
|
|
9
|
-
export {};
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { InteractionComponent, InteractionTypeId, SubmissionFunction, ValidationFunction } from "../../interfaces";
|
|
2
|
-
export declare function getViewComponent(typeId: InteractionTypeId): InteractionComponent;
|
|
3
|
-
export declare function getViewValidation(typeId: InteractionTypeId): ValidationFunction;
|
|
4
|
-
export declare function getViewSubmit(typeId: InteractionTypeId): SubmissionFunction;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Interaction } from "../../../interfaces";
|
|
3
|
-
import './view-interaction-heading.scss';
|
|
4
|
-
interface ViewInteractionHeadingProps {
|
|
5
|
-
interaction: Interaction;
|
|
6
|
-
}
|
|
7
|
-
export declare function ViewInteractionHeading(props: ViewInteractionHeadingProps): React.ReactElement;
|
|
8
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "./components/interactive/interactive-component";
|
package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/Interaction.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { HashObject } from "../../../../../../../libs/common/src/react/interfaces/HashObject";
|
|
2
|
-
import { BaseObject } from "../../../../../../../libs/shared/src/interfaces/models/primitives/BaseObject";
|
|
3
|
-
import { InteractionTypeId, InteractionType, ActionableItem } from "./..";
|
|
4
|
-
export interface Interaction extends BaseObject {
|
|
5
|
-
typeId: InteractionTypeId;
|
|
6
|
-
type: InteractionType;
|
|
7
|
-
timepointId: string;
|
|
8
|
-
order: number;
|
|
9
|
-
interactiveId: string;
|
|
10
|
-
errorMessage?: string;
|
|
11
|
-
description?: string;
|
|
12
|
-
data: HashObject;
|
|
13
|
-
actionableItems?: ActionableItem[];
|
|
14
|
-
}
|
package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/Interactive.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { BaseObject } from "../../../../../../../libs/shared/src/interfaces/models/primitives/BaseObject";
|
|
2
|
-
import { Timepoint } from "./..";
|
|
3
|
-
export interface Interactive extends BaseObject {
|
|
4
|
-
immediateFeedback: boolean;
|
|
5
|
-
posterImage?: string;
|
|
6
|
-
timepoints?: Timepoint[];
|
|
7
|
-
}
|
package/dist/projects/player/src/plugins/interactive-plugin/interfaces/models/Timepoint.d.ts
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { BaseObject } from "../../../../../../../libs/shared/src/interfaces/models/primitives/BaseObject";
|
|
2
|
-
import { Interaction } from "./..";
|
|
3
|
-
export interface Timepoint extends BaseObject {
|
|
4
|
-
interactiveId: string;
|
|
5
|
-
shouldPause: number;
|
|
6
|
-
visibleAt: number;
|
|
7
|
-
visibleFor?: number;
|
|
8
|
-
interactions?: Interaction[];
|
|
9
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { VideoJsPlayer } from 'video.js';
|
|
2
|
-
import { Interactive, InteractiveMode } from "../interfaces";
|
|
3
|
-
interface useInteractiveTrackResponse {
|
|
4
|
-
open: boolean;
|
|
5
|
-
timepoint: any;
|
|
6
|
-
continueInteractive: () => void;
|
|
7
|
-
lockPlayer: () => void;
|
|
8
|
-
unlockPlayer: () => void;
|
|
9
|
-
}
|
|
10
|
-
interface useInteractiveOptions {
|
|
11
|
-
player: VideoJsPlayer;
|
|
12
|
-
track: TextTrack;
|
|
13
|
-
interactive: Interactive;
|
|
14
|
-
mode: InteractiveMode;
|
|
15
|
-
}
|
|
16
|
-
export declare function useInteractiveTrack(options: useInteractiveOptions): useInteractiveTrackResponse;
|
|
17
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import './open-externally-button.scss';
|