ts-video-player 0.1.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/LICENSE.md +21 -0
- package/README.md +438 -0
- package/dist/cdn.d.ts +10 -0
- package/dist/cdn.d.ts.map +1 -0
- package/dist/cdn.min.js +1046 -0
- package/dist/cdn.min.js.map +54 -0
- package/dist/cdn.test.d.ts +2 -0
- package/dist/cdn.test.d.ts.map +1 -0
- package/dist/chunk-36x4yhjn.js +765 -0
- package/dist/chunk-36x4yhjn.js.map +12 -0
- package/dist/chunk-eajts2jv.js +4243 -0
- package/dist/chunk-eajts2jv.js.map +42 -0
- package/dist/chunk-z1ehbz9f.js +380 -0
- package/dist/chunk-z1ehbz9f.js.map +19 -0
- package/dist/config.d.ts +9 -0
- package/dist/config.d.ts.map +1 -0
- package/dist/core/audio-gain.d.ts +67 -0
- package/dist/core/audio-gain.d.ts.map +1 -0
- package/dist/core/caption-styles.d.ts +121 -0
- package/dist/core/caption-styles.d.ts.map +1 -0
- package/dist/core/chapters.d.ts +150 -0
- package/dist/core/chapters.d.ts.map +1 -0
- package/dist/core/error-overlay.d.ts +71 -0
- package/dist/core/error-overlay.d.ts.map +1 -0
- package/dist/core/events.d.ts +119 -0
- package/dist/core/events.d.ts.map +1 -0
- package/dist/core/features.d.ts +64 -0
- package/dist/core/features.d.ts.map +1 -0
- package/dist/core/i18n.d.ts +132 -0
- package/dist/core/i18n.d.ts.map +1 -0
- package/dist/core/index.d.ts +37 -0
- package/dist/core/index.d.ts.map +1 -0
- package/dist/core/live.d.ts +130 -0
- package/dist/core/live.d.ts.map +1 -0
- package/dist/core/media-session.d.ts +38 -0
- package/dist/core/media-session.d.ts.map +1 -0
- package/dist/core/orientation.d.ts +22 -0
- package/dist/core/orientation.d.ts.map +1 -0
- package/dist/core/popover.d.ts +42 -0
- package/dist/core/popover.d.ts.map +1 -0
- package/dist/core/remote-playback.d.ts +195 -0
- package/dist/core/remote-playback.d.ts.map +1 -0
- package/dist/core/settings-menu.d.ts +132 -0
- package/dist/core/settings-menu.d.ts.map +1 -0
- package/dist/core/spinner.d.ts +67 -0
- package/dist/core/spinner.d.ts.map +1 -0
- package/dist/core/state.d.ts +142 -0
- package/dist/core/state.d.ts.map +1 -0
- package/dist/core/text-tracks.d.ts +162 -0
- package/dist/core/text-tracks.d.ts.map +1 -0
- package/dist/core/themes.d.ts +213 -0
- package/dist/core/themes.d.ts.map +1 -0
- package/dist/core/thumbnails.d.ts +124 -0
- package/dist/core/thumbnails.d.ts.map +1 -0
- package/dist/core/tooltips.d.ts +100 -0
- package/dist/core/tooltips.d.ts.map +1 -0
- package/dist/elements/base.d.ts +3 -0
- package/dist/elements/base.d.ts.map +1 -0
- package/dist/elements/index.d.ts +33 -0
- package/dist/elements/index.d.ts.map +1 -0
- package/dist/elements/index.js +55 -0
- package/dist/elements/index.js.map +9 -0
- package/dist/elements/media-airplay-button.d.ts +13 -0
- package/dist/elements/media-airplay-button.d.ts.map +1 -0
- package/dist/elements/media-error-display.d.ts +13 -0
- package/dist/elements/media-error-display.d.ts.map +1 -0
- package/dist/elements/media-fullscreen-button.d.ts +13 -0
- package/dist/elements/media-fullscreen-button.d.ts.map +1 -0
- package/dist/elements/media-live-button.d.ts +13 -0
- package/dist/elements/media-live-button.d.ts.map +1 -0
- package/dist/elements/media-mute-button.d.ts +13 -0
- package/dist/elements/media-mute-button.d.ts.map +1 -0
- package/dist/elements/media-pip-button.d.ts +13 -0
- package/dist/elements/media-pip-button.d.ts.map +1 -0
- package/dist/elements/media-play-button.d.ts +14 -0
- package/dist/elements/media-play-button.d.ts.map +1 -0
- package/dist/elements/media-playback-rate-button.d.ts +10 -0
- package/dist/elements/media-playback-rate-button.d.ts.map +1 -0
- package/dist/elements/media-preview-time.d.ts +18 -0
- package/dist/elements/media-preview-time.d.ts.map +1 -0
- package/dist/elements/media-progress-bar.d.ts +16 -0
- package/dist/elements/media-progress-bar.d.ts.map +1 -0
- package/dist/elements/media-remote-playback-button.d.ts +16 -0
- package/dist/elements/media-remote-playback-button.d.ts.map +1 -0
- package/dist/elements/media-seek-button.d.ts +9 -0
- package/dist/elements/media-seek-button.d.ts.map +1 -0
- package/dist/elements/media-settings-menu.d.ts +32 -0
- package/dist/elements/media-settings-menu.d.ts.map +1 -0
- package/dist/elements/media-time-display.d.ts +21 -0
- package/dist/elements/media-time-display.d.ts.map +1 -0
- package/dist/elements/media-time-group.d.ts +22 -0
- package/dist/elements/media-time-group.d.ts.map +1 -0
- package/dist/elements/media-time-separator.d.ts +13 -0
- package/dist/elements/media-time-separator.d.ts.map +1 -0
- package/dist/elements/media-volume-slider.d.ts +16 -0
- package/dist/elements/media-volume-slider.d.ts.map +1 -0
- package/dist/elements/utils.d.ts +27 -0
- package/dist/elements/utils.d.ts.map +1 -0
- package/dist/elements/video-player.d.ts +23 -0
- package/dist/elements/video-player.d.ts.map +1 -0
- package/dist/elements/video-skin.d.ts +23 -0
- package/dist/elements/video-skin.d.ts.map +1 -0
- package/dist/features/captions.d.ts +8 -0
- package/dist/features/captions.d.ts.map +1 -0
- package/dist/features/create-player.d.ts +45 -0
- package/dist/features/create-player.d.ts.map +1 -0
- package/dist/features/fullscreen.d.ts +8 -0
- package/dist/features/fullscreen.d.ts.map +1 -0
- package/dist/features/gestures.d.ts +8 -0
- package/dist/features/gestures.d.ts.map +1 -0
- package/dist/features/index.d.ts +26 -0
- package/dist/features/index.d.ts.map +1 -0
- package/dist/features/index.js +31 -0
- package/dist/features/index.js.map +9 -0
- package/dist/features/keyboard.d.ts +8 -0
- package/dist/features/keyboard.d.ts.map +1 -0
- package/dist/features/pip.d.ts +8 -0
- package/dist/features/pip.d.ts.map +1 -0
- package/dist/features/playback.d.ts +8 -0
- package/dist/features/playback.d.ts.map +1 -0
- package/dist/features/quality.d.ts +8 -0
- package/dist/features/quality.d.ts.map +1 -0
- package/dist/features/types.d.ts +26 -0
- package/dist/features/types.d.ts.map +1 -0
- package/dist/features/volume.d.ts +8 -0
- package/dist/features/volume.d.ts.map +1 -0
- package/dist/index.d.ts +84 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +8149 -0
- package/dist/index.js.map +31 -0
- package/dist/layouts/index.d.ts +58 -0
- package/dist/layouts/index.d.ts.map +1 -0
- package/dist/player.d.ts +90 -0
- package/dist/player.d.ts.map +1 -0
- package/dist/plugins/ads.d.ts +311 -0
- package/dist/plugins/ads.d.ts.map +1 -0
- package/dist/plugins/analytics.d.ts +203 -0
- package/dist/plugins/analytics.d.ts.map +1 -0
- package/dist/plugins/end-screen.d.ts +184 -0
- package/dist/plugins/end-screen.d.ts.map +1 -0
- package/dist/plugins/index.d.ts +13 -0
- package/dist/plugins/index.d.ts.map +1 -0
- package/dist/plugins/index.js +20 -0
- package/dist/plugins/index.js.map +9 -0
- package/dist/plugins/skip-segments.d.ts +159 -0
- package/dist/plugins/skip-segments.d.ts.map +1 -0
- package/dist/plugins/watermark.d.ts +157 -0
- package/dist/plugins/watermark.d.ts.map +1 -0
- package/dist/providers/base.d.ts +56 -0
- package/dist/providers/base.d.ts.map +1 -0
- package/dist/providers/dash.d.ts +94 -0
- package/dist/providers/dash.d.ts.map +1 -0
- package/dist/providers/hls.d.ts +182 -0
- package/dist/providers/hls.d.ts.map +1 -0
- package/dist/providers/html5.d.ts +64 -0
- package/dist/providers/html5.d.ts.map +1 -0
- package/dist/providers/index.d.ts +41 -0
- package/dist/providers/index.d.ts.map +1 -0
- package/dist/providers/vimeo.d.ts +157 -0
- package/dist/providers/vimeo.d.ts.map +1 -0
- package/dist/providers/youtube.d.ts +134 -0
- package/dist/providers/youtube.d.ts.map +1 -0
- package/dist/stx/index.d.ts +59 -0
- package/dist/stx/index.d.ts.map +1 -0
- package/dist/stx/index.js +480 -0
- package/dist/stx/index.js.map +11 -0
- package/dist/types.d.ts +724 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/ui/components.d.ts +121 -0
- package/dist/ui/components.d.ts.map +1 -0
- package/dist/ui/index.d.ts +9 -0
- package/dist/ui/index.d.ts.map +1 -0
- package/dist/ui/index.js +16 -0
- package/dist/ui/index.js.map +9 -0
- package/package.json +109 -0
- package/src/cdn.test.ts +10 -0
- package/src/cdn.ts +60 -0
- package/src/config.ts +25 -0
- package/src/core/audio-gain.ts +171 -0
- package/src/core/caption-styles.ts +568 -0
- package/src/core/chapters.ts +551 -0
- package/src/core/error-overlay.ts +354 -0
- package/src/core/events.ts +552 -0
- package/src/core/features.ts +287 -0
- package/src/core/i18n.ts +590 -0
- package/src/core/index.ts +249 -0
- package/src/core/live.ts +472 -0
- package/src/core/media-session.ts +137 -0
- package/src/core/orientation.ts +57 -0
- package/src/core/popover.ts +143 -0
- package/src/core/remote-playback.ts +661 -0
- package/src/core/settings-menu.ts +630 -0
- package/src/core/spinner.ts +310 -0
- package/src/core/state.ts +476 -0
- package/src/core/text-tracks.ts +599 -0
- package/src/core/themes.ts +607 -0
- package/src/core/thumbnails.ts +457 -0
- package/src/core/tooltips.ts +370 -0
- package/src/elements/base.ts +2 -0
- package/src/elements/index.ts +82 -0
- package/src/elements/media-airplay-button.ts +78 -0
- package/src/elements/media-error-display.ts +47 -0
- package/src/elements/media-fullscreen-button.ts +72 -0
- package/src/elements/media-live-button.ts +65 -0
- package/src/elements/media-mute-button.ts +69 -0
- package/src/elements/media-pip-button.ts +66 -0
- package/src/elements/media-play-button.ts +69 -0
- package/src/elements/media-playback-rate-button.ts +59 -0
- package/src/elements/media-preview-time.ts +75 -0
- package/src/elements/media-progress-bar.ts +200 -0
- package/src/elements/media-remote-playback-button.ts +108 -0
- package/src/elements/media-seek-button.ts +50 -0
- package/src/elements/media-settings-menu.ts +302 -0
- package/src/elements/media-time-display.ts +99 -0
- package/src/elements/media-time-group.ts +41 -0
- package/src/elements/media-time-separator.ts +35 -0
- package/src/elements/media-volume-slider.ts +140 -0
- package/src/elements/utils.ts +82 -0
- package/src/elements/video-player.ts +175 -0
- package/src/elements/video-skin.ts +127 -0
- package/src/features/captions.ts +56 -0
- package/src/features/create-player.ts +91 -0
- package/src/features/fullscreen.ts +44 -0
- package/src/features/gestures.ts +44 -0
- package/src/features/index.ts +44 -0
- package/src/features/keyboard.ts +89 -0
- package/src/features/pip.ts +47 -0
- package/src/features/playback.ts +68 -0
- package/src/features/quality.ts +19 -0
- package/src/features/types.ts +28 -0
- package/src/features/volume.ts +46 -0
- package/src/index.ts +635 -0
- package/src/layouts/index.ts +672 -0
- package/src/player.ts +821 -0
- package/src/plugins/ads.ts +1045 -0
- package/src/plugins/analytics.ts +673 -0
- package/src/plugins/end-screen.ts +793 -0
- package/src/plugins/index.ts +61 -0
- package/src/plugins/skip-segments.ts +537 -0
- package/src/plugins/watermark.ts +537 -0
- package/src/providers/base.ts +197 -0
- package/src/providers/dash.ts +588 -0
- package/src/providers/hls.ts +624 -0
- package/src/providers/html5.ts +473 -0
- package/src/providers/index.ts +97 -0
- package/src/providers/vimeo.ts +533 -0
- package/src/providers/youtube.ts +542 -0
- package/src/stx/index.ts +606 -0
- package/src/types.ts +874 -0
- package/src/ui/components.ts +910 -0
- package/src/ui/index.ts +29 -0
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tooltips System
|
|
3
|
+
*
|
|
4
|
+
* Tooltips for player controls with smart positioning.
|
|
5
|
+
*
|
|
6
|
+
* @module core/tooltips
|
|
7
|
+
*/
|
|
8
|
+
export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
|
|
9
|
+
export interface TooltipConfig {
|
|
10
|
+
/** Tooltip placement */
|
|
11
|
+
placement?: TooltipPlacement;
|
|
12
|
+
/** Offset from target in pixels */
|
|
13
|
+
offset?: number;
|
|
14
|
+
/** Show delay in ms */
|
|
15
|
+
showDelay?: number;
|
|
16
|
+
/** Hide delay in ms */
|
|
17
|
+
hideDelay?: number;
|
|
18
|
+
/** Container for boundary detection */
|
|
19
|
+
container?: HTMLElement;
|
|
20
|
+
/** Custom class name */
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare class Tooltip {
|
|
24
|
+
private element;
|
|
25
|
+
private target;
|
|
26
|
+
private config;
|
|
27
|
+
private showTimeout;
|
|
28
|
+
private hideTimeout;
|
|
29
|
+
private visible;
|
|
30
|
+
constructor(config?: TooltipConfig);
|
|
31
|
+
/**
|
|
32
|
+
* Attach tooltip to a target element
|
|
33
|
+
*/
|
|
34
|
+
attach(target: HTMLElement, text: string): void;
|
|
35
|
+
/**
|
|
36
|
+
* Detach from target
|
|
37
|
+
*/
|
|
38
|
+
detach(): void;
|
|
39
|
+
/**
|
|
40
|
+
* Update tooltip text
|
|
41
|
+
*/
|
|
42
|
+
setText(text: string): void;
|
|
43
|
+
/**
|
|
44
|
+
* Show tooltip
|
|
45
|
+
*/
|
|
46
|
+
show(): void;
|
|
47
|
+
/**
|
|
48
|
+
* Hide tooltip
|
|
49
|
+
*/
|
|
50
|
+
hide(): void;
|
|
51
|
+
/**
|
|
52
|
+
* Position tooltip relative to target
|
|
53
|
+
*/
|
|
54
|
+
private position;
|
|
55
|
+
private handleMouseEnter;
|
|
56
|
+
private handleMouseLeave;
|
|
57
|
+
private handleFocus;
|
|
58
|
+
private handleBlur;
|
|
59
|
+
/**
|
|
60
|
+
* Get element
|
|
61
|
+
*/
|
|
62
|
+
getElement(): HTMLElement;
|
|
63
|
+
/**
|
|
64
|
+
* Check if visible
|
|
65
|
+
*/
|
|
66
|
+
isVisible(): boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Destroy tooltip
|
|
69
|
+
*/
|
|
70
|
+
destroy(): void;
|
|
71
|
+
}
|
|
72
|
+
export declare class TooltipManager {
|
|
73
|
+
private tooltips;
|
|
74
|
+
private config;
|
|
75
|
+
constructor(config?: TooltipConfig);
|
|
76
|
+
/**
|
|
77
|
+
* Add tooltip to an element
|
|
78
|
+
*/
|
|
79
|
+
add(target: HTMLElement, text: string, config?: Partial<TooltipConfig>): Tooltip;
|
|
80
|
+
/**
|
|
81
|
+
* Update tooltip text
|
|
82
|
+
*/
|
|
83
|
+
update(target: HTMLElement, text: string): void;
|
|
84
|
+
/**
|
|
85
|
+
* Remove tooltip from element
|
|
86
|
+
*/
|
|
87
|
+
remove(target: HTMLElement): void;
|
|
88
|
+
/**
|
|
89
|
+
* Hide all tooltips
|
|
90
|
+
*/
|
|
91
|
+
hideAll(): void;
|
|
92
|
+
/**
|
|
93
|
+
* Destroy all tooltips
|
|
94
|
+
*/
|
|
95
|
+
destroy(): void;
|
|
96
|
+
}
|
|
97
|
+
export declare function createTooltip(config?: TooltipConfig): Tooltip;
|
|
98
|
+
export declare function createTooltipManager(config?: TooltipConfig): TooltipManager;
|
|
99
|
+
export declare const TOOLTIP_STYLES = "\n.tsvp-tooltip {\n position: absolute;\n z-index: 1000;\n padding: 6px 10px;\n background: var(--tsvp-controls-tooltip-bg, rgba(0, 0, 0, 0.9));\n color: var(--tsvp-controls-tooltip-text, #ffffff);\n font-size: var(--tsvp-font-size-sm, 12px);\n font-family: var(--tsvp-font-family, sans-serif);\n border-radius: var(--tsvp-radius-sm, 4px);\n white-space: nowrap;\n pointer-events: none;\n box-shadow: var(--tsvp-shadow-md, 0 4px 6px rgba(0, 0, 0, 0.3));\n}\n\n.tsvp-tooltip::after {\n content: '';\n position: absolute;\n border: 6px solid transparent;\n}\n\n.tsvp-tooltip--top::after {\n top: 100%;\n left: 50%;\n transform: translateX(-50%);\n border-top-color: var(--tsvp-controls-tooltip-bg, rgba(0, 0, 0, 0.9));\n}\n\n.tsvp-tooltip--bottom::after {\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n border-bottom-color: var(--tsvp-controls-tooltip-bg, rgba(0, 0, 0, 0.9));\n}\n";
|
|
100
|
+
//# sourceMappingURL=tooltips.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltips.d.ts","sourceRoot":"","sources":["../../src/core/tooltips.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAElE,MAAM,WAAW,aAAa;IAC5B,wBAAwB;IACxB,SAAS,CAAC,EAAE,gBAAgB,CAAA;IAC5B,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,SAAS,CAAC,EAAE,WAAW,CAAA;IACvB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD,qBAAa,OAAO;IAClB,OAAO,CAAC,OAAO,CAAa;IAC5B,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,MAAM,CAAyB;IACvC,OAAO,CAAC,WAAW,CAA6C;IAChE,OAAO,CAAC,WAAW,CAA6C;IAChE,OAAO,CAAC,OAAO,CAAQ;gBAEX,MAAM,GAAE,aAAkB;IAiCtC;;OAEG;IACH,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAgB/C;;OAEG;IACH,MAAM,IAAI,IAAI;IAWd;;OAEG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI;IAO3B;;OAEG;IACH,IAAI,IAAI,IAAI;IAqBZ;;OAEG;IACH,IAAI,IAAI,IAAI;IAwBZ;;OAEG;IACH,OAAO,CAAC,QAAQ;IA8ChB,OAAO,CAAC,gBAAgB,CAEvB;IAED,OAAO,CAAC,gBAAgB,CAEvB;IAED,OAAO,CAAC,WAAW,CAElB;IAED,OAAO,CAAC,UAAU,CAEjB;IAED;;OAEG;IACH,UAAU,IAAI,WAAW;IAIzB;;OAEG;IACH,SAAS,IAAI,OAAO;IAIpB;;OAEG;IACH,OAAO,IAAI,IAAI;CAIhB;AAMD,qBAAa,cAAc;IACzB,OAAO,CAAC,QAAQ,CAAkC;IAClD,OAAO,CAAC,MAAM,CAAe;gBAEjB,MAAM,GAAE,aAAkB;IAItC;;OAEG;IACH,GAAG,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,OAAO;IAWhF;;OAEG;IACH,MAAM,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAO/C;;OAEG;IACH,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI;IAQjC;;OAEG;IACH,OAAO,IAAI,IAAI;IAIf;;OAEG;IACH,OAAO,IAAI,IAAI;CAIhB;AAMD,wBAAgB,aAAa,CAAC,MAAM,CAAC,EAAE,aAAa,GAAG,OAAO,CAE7D;AAED,wBAAgB,oBAAoB,CAAC,MAAM,CAAC,EAAE,aAAa,GAAG,cAAc,CAE3E;AAMD,eAAO,MAAM,cAAc,y5BAkC1B,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/elements/base.ts"],"names":[],"mappings":"AAAA,0FAA0F;AAC1F,eAAO,MAAM,eAAe,EAAE,OAAO,WAAsE,CAAA"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player Custom Elements
|
|
3
|
+
*
|
|
4
|
+
* Web Components for building video player interfaces.
|
|
5
|
+
*
|
|
6
|
+
* @module elements
|
|
7
|
+
*/
|
|
8
|
+
export { VideoPlayerElement } from './video-player';
|
|
9
|
+
export { VideoSkin } from './video-skin';
|
|
10
|
+
export { MediaPlayButton } from './media-play-button';
|
|
11
|
+
export { MediaMuteButton } from './media-mute-button';
|
|
12
|
+
export { MediaFullscreenButton } from './media-fullscreen-button';
|
|
13
|
+
export { MediaPipButton } from './media-pip-button';
|
|
14
|
+
export { MediaTimeDisplay } from './media-time-display';
|
|
15
|
+
export { MediaTimeGroup } from './media-time-group';
|
|
16
|
+
export { MediaTimeSeparator } from './media-time-separator';
|
|
17
|
+
export { MediaPreviewTime } from './media-preview-time';
|
|
18
|
+
export { MediaProgressBar } from './media-progress-bar';
|
|
19
|
+
export { MediaVolumeSlider } from './media-volume-slider';
|
|
20
|
+
export { MediaSettingsMenu } from './media-settings-menu';
|
|
21
|
+
export { MediaSeekButton } from './media-seek-button';
|
|
22
|
+
export { MediaPlaybackRateButton } from './media-playback-rate-button';
|
|
23
|
+
export { MediaAirplayButton } from './media-airplay-button';
|
|
24
|
+
export { MediaLiveButton } from './media-live-button';
|
|
25
|
+
export { MediaErrorDisplay } from './media-error-display';
|
|
26
|
+
export { MediaRemotePlaybackButton } from './media-remote-playback-button';
|
|
27
|
+
export { formatTime, formatTimePhrase, toISODuration, resolvePlayer } from './utils';
|
|
28
|
+
/**
|
|
29
|
+
* Register all custom elements.
|
|
30
|
+
* Safe to call multiple times — skips already-defined elements.
|
|
31
|
+
*/
|
|
32
|
+
export declare function registerElements(): void;
|
|
33
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/elements/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAA;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AA4CpF;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAMvC"}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import {
|
|
2
|
+
MediaAirplayButton,
|
|
3
|
+
MediaErrorDisplay,
|
|
4
|
+
MediaFullscreenButton,
|
|
5
|
+
MediaLiveButton,
|
|
6
|
+
MediaMuteButton,
|
|
7
|
+
MediaPipButton,
|
|
8
|
+
MediaPlayButton,
|
|
9
|
+
MediaPlaybackRateButton,
|
|
10
|
+
MediaPreviewTime,
|
|
11
|
+
MediaProgressBar,
|
|
12
|
+
MediaRemotePlaybackButton,
|
|
13
|
+
MediaSeekButton,
|
|
14
|
+
MediaSettingsMenu,
|
|
15
|
+
MediaTimeDisplay,
|
|
16
|
+
MediaTimeGroup,
|
|
17
|
+
MediaTimeSeparator,
|
|
18
|
+
MediaVolumeSlider,
|
|
19
|
+
VideoPlayerElement,
|
|
20
|
+
VideoSkin,
|
|
21
|
+
formatTime,
|
|
22
|
+
formatTimePhrase,
|
|
23
|
+
registerElements,
|
|
24
|
+
resolvePlayer,
|
|
25
|
+
toISODuration
|
|
26
|
+
} from "../chunk-eajts2jv.js";
|
|
27
|
+
import"../chunk-36x4yhjn.js";
|
|
28
|
+
export {
|
|
29
|
+
toISODuration,
|
|
30
|
+
resolvePlayer,
|
|
31
|
+
registerElements,
|
|
32
|
+
formatTimePhrase,
|
|
33
|
+
formatTime,
|
|
34
|
+
VideoSkin,
|
|
35
|
+
VideoPlayerElement,
|
|
36
|
+
MediaVolumeSlider,
|
|
37
|
+
MediaTimeSeparator,
|
|
38
|
+
MediaTimeGroup,
|
|
39
|
+
MediaTimeDisplay,
|
|
40
|
+
MediaSettingsMenu,
|
|
41
|
+
MediaSeekButton,
|
|
42
|
+
MediaRemotePlaybackButton,
|
|
43
|
+
MediaProgressBar,
|
|
44
|
+
MediaPreviewTime,
|
|
45
|
+
MediaPlaybackRateButton,
|
|
46
|
+
MediaPlayButton,
|
|
47
|
+
MediaPipButton,
|
|
48
|
+
MediaMuteButton,
|
|
49
|
+
MediaLiveButton,
|
|
50
|
+
MediaFullscreenButton,
|
|
51
|
+
MediaErrorDisplay,
|
|
52
|
+
MediaAirplayButton
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
//# debugId=F00108CD4CF1866B64756E2164756E21
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-airplay-button> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* @module elements/media-airplay-button
|
|
5
|
+
*/
|
|
6
|
+
import { HTMLElementBase } from './base';
|
|
7
|
+
export declare class MediaAirplayButton extends HTMLElementBase {
|
|
8
|
+
private cleanup;
|
|
9
|
+
connectedCallback(): void;
|
|
10
|
+
disconnectedCallback(): void;
|
|
11
|
+
private attach;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=media-airplay-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-airplay-button.d.ts","sourceRoot":"","sources":["../../src/elements/media-airplay-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAUxC,qBAAa,kBAAmB,SAAQ,eAAe;IACrD,OAAO,CAAC,OAAO,CAA4B;IAE3C,iBAAiB,IAAI,IAAI;IAmBzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;CAkCf"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-error-display> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* @module elements/media-error-display
|
|
5
|
+
*/
|
|
6
|
+
import { HTMLElementBase } from './base';
|
|
7
|
+
export declare class MediaErrorDisplay extends HTMLElementBase {
|
|
8
|
+
private cleanup;
|
|
9
|
+
connectedCallback(): void;
|
|
10
|
+
disconnectedCallback(): void;
|
|
11
|
+
private attach;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=media-error-display.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-error-display.d.ts","sourceRoot":"","sources":["../../src/elements/media-error-display.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAGxC,qBAAa,iBAAkB,SAAQ,eAAe;IACpD,OAAO,CAAC,OAAO,CAA4B;IAE3C,iBAAiB,IAAI,IAAI;IAezB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;CAcf"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-fullscreen-button> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* @module elements/media-fullscreen-button
|
|
5
|
+
*/
|
|
6
|
+
import { HTMLElementBase } from './base';
|
|
7
|
+
export declare class MediaFullscreenButton extends HTMLElementBase {
|
|
8
|
+
private _cleanup;
|
|
9
|
+
connectedCallback(): void;
|
|
10
|
+
disconnectedCallback(): void;
|
|
11
|
+
private attach;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=media-fullscreen-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-fullscreen-button.d.ts","sourceRoot":"","sources":["../../src/elements/media-fullscreen-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,qBAAsB,SAAQ,eAAe;IACxD,OAAO,CAAC,QAAQ,CAA4B;IAE5C,iBAAiB,IAAI,IAAI;IA0BzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;CAwBf"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-live-button> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* @module elements/media-live-button
|
|
5
|
+
*/
|
|
6
|
+
import { HTMLElementBase } from './base';
|
|
7
|
+
export declare class MediaLiveButton extends HTMLElementBase {
|
|
8
|
+
private cleanup;
|
|
9
|
+
connectedCallback(): void;
|
|
10
|
+
disconnectedCallback(): void;
|
|
11
|
+
private attach;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=media-live-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-live-button.d.ts","sourceRoot":"","sources":["../../src/elements/media-live-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAGxC,qBAAa,eAAgB,SAAQ,eAAe;IAClD,OAAO,CAAC,OAAO,CAA4B;IAE3C,iBAAiB,IAAI,IAAI;IAiBzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;CA8Bf"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-mute-button> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* @module elements/media-mute-button
|
|
5
|
+
*/
|
|
6
|
+
import { HTMLElementBase } from './base';
|
|
7
|
+
export declare class MediaMuteButton extends HTMLElementBase {
|
|
8
|
+
private _cleanup;
|
|
9
|
+
connectedCallback(): void;
|
|
10
|
+
disconnectedCallback(): void;
|
|
11
|
+
private attach;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=media-mute-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-mute-button.d.ts","sourceRoot":"","sources":["../../src/elements/media-mute-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAcH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,eAAgB,SAAQ,eAAe;IAClD,OAAO,CAAC,QAAQ,CAA4B;IAE5C,iBAAiB,IAAI,IAAI;IAwBzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;CAgBf"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-pip-button> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* @module elements/media-pip-button
|
|
5
|
+
*/
|
|
6
|
+
import { HTMLElementBase } from './base';
|
|
7
|
+
export declare class MediaPipButton extends HTMLElementBase {
|
|
8
|
+
private _cleanup;
|
|
9
|
+
connectedCallback(): void;
|
|
10
|
+
disconnectedCallback(): void;
|
|
11
|
+
private attach;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=media-pip-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-pip-button.d.ts","sourceRoot":"","sources":["../../src/elements/media-pip-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAMH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,cAAe,SAAQ,eAAe;IACjD,OAAO,CAAC,QAAQ,CAA4B;IAE5C,iBAAiB,IAAI,IAAI;IA0BzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;CAmBf"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-play-button> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* @module elements/media-play-button
|
|
5
|
+
*/
|
|
6
|
+
import { HTMLElementBase } from './base';
|
|
7
|
+
export declare class MediaPlayButton extends HTMLElementBase {
|
|
8
|
+
private _cleanup;
|
|
9
|
+
private _onClick;
|
|
10
|
+
connectedCallback(): void;
|
|
11
|
+
disconnectedCallback(): void;
|
|
12
|
+
private attach;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=media-play-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-play-button.d.ts","sourceRoot":"","sources":["../../src/elements/media-play-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,eAAgB,SAAQ,eAAe;IAClD,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,QAAQ,CAA4B;IAE5C,iBAAiB,IAAI,IAAI;IAyBzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,MAAM;CAkBf"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { HTMLElementBase } from './base';
|
|
2
|
+
export declare class MediaPlaybackRateButton extends HTMLElementBase {
|
|
3
|
+
private cleanup;
|
|
4
|
+
private onClick;
|
|
5
|
+
connectedCallback(): void;
|
|
6
|
+
disconnectedCallback(): void;
|
|
7
|
+
private getRates;
|
|
8
|
+
private attach;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=media-playback-rate-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-playback-rate-button.d.ts","sourceRoot":"","sources":["../../src/elements/media-playback-rate-button.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,uBAAwB,SAAQ,eAAe;IAC1D,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,OAAO,CAA4B;IAE3C,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,QAAQ;IAQhB,OAAO,CAAC,MAAM;CAef"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-preview-time> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* Displays the time at the current pointer position on the seek bar.
|
|
5
|
+
* Intended to be placed inside or near a <media-progress-bar>.
|
|
6
|
+
* Listens for custom 'previewtime' events or pointer events on the progress bar.
|
|
7
|
+
*
|
|
8
|
+
* @module elements/media-preview-time
|
|
9
|
+
*/
|
|
10
|
+
import { HTMLElementBase } from './base';
|
|
11
|
+
export declare class MediaPreviewTime extends HTMLElementBase {
|
|
12
|
+
private _cleanups;
|
|
13
|
+
connectedCallback(): void;
|
|
14
|
+
disconnectedCallback(): void;
|
|
15
|
+
private attach;
|
|
16
|
+
private updateTime;
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=media-preview-time.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-preview-time.d.ts","sourceRoot":"","sources":["../../src/elements/media-preview-time.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,gBAAiB,SAAQ,eAAe;IACnD,OAAO,CAAC,SAAS,CAAwB;IAEzC,iBAAiB,IAAI,IAAI;IAqBzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;IAyBd,OAAO,CAAC,UAAU;CAMnB"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-progress-bar> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* Seek bar with buffered overlay, time tooltip, pointer/keyboard interaction.
|
|
5
|
+
*
|
|
6
|
+
* @module elements/media-progress-bar
|
|
7
|
+
*/
|
|
8
|
+
import { HTMLElementBase } from './base';
|
|
9
|
+
export declare class MediaProgressBar extends HTMLElementBase {
|
|
10
|
+
private _cleanups;
|
|
11
|
+
private _isDragging;
|
|
12
|
+
connectedCallback(): void;
|
|
13
|
+
disconnectedCallback(): void;
|
|
14
|
+
private attach;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=media-progress-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-progress-bar.d.ts","sourceRoot":"","sources":["../../src/elements/media-progress-bar.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,gBAAiB,SAAQ,eAAe;IACnD,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,WAAW,CAAQ;IAE3B,iBAAiB,IAAI,IAAI;IAqEzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;CA6Gf"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-remote-playback-button> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* Uses the browser Remote Playback API for native device pickers such as
|
|
5
|
+
* Google Cast without loading a vendor SDK.
|
|
6
|
+
*
|
|
7
|
+
* @module elements/media-remote-playback-button
|
|
8
|
+
*/
|
|
9
|
+
import { HTMLElementBase } from './base';
|
|
10
|
+
export declare class MediaRemotePlaybackButton extends HTMLElementBase {
|
|
11
|
+
private cleanup;
|
|
12
|
+
connectedCallback(): void;
|
|
13
|
+
disconnectedCallback(): void;
|
|
14
|
+
private attach;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=media-remote-playback-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-remote-playback-button.d.ts","sourceRoot":"","sources":["../../src/elements/media-remote-playback-button.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAYxC,qBAAa,yBAA0B,SAAQ,eAAe;IAC5D,OAAO,CAAC,OAAO,CAA4B;IAE3C,iBAAiB,IAAI,IAAI;IAmBzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;CA2Df"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HTMLElementBase } from './base';
|
|
2
|
+
export declare class MediaSeekButton extends HTMLElementBase {
|
|
3
|
+
private cleanup;
|
|
4
|
+
private onClick;
|
|
5
|
+
connectedCallback(): void;
|
|
6
|
+
disconnectedCallback(): void;
|
|
7
|
+
private attach;
|
|
8
|
+
}
|
|
9
|
+
//# sourceMappingURL=media-seek-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-seek-button.d.ts","sourceRoot":"","sources":["../../src/elements/media-seek-button.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,eAAgB,SAAQ,eAAe;IAClD,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,OAAO,CAA4B;IAE3C,iBAAiB,IAAI,IAAI;IAiBzB,oBAAoB,IAAI,IAAI;IAQ5B,OAAO,CAAC,MAAM;CAef"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-settings-menu> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* Settings dropdown with quality, speed, captions, and audio track options.
|
|
5
|
+
* Uses collision-aware popover positioning.
|
|
6
|
+
*
|
|
7
|
+
* @module elements/media-settings-menu
|
|
8
|
+
*/
|
|
9
|
+
import { HTMLElementBase } from './base';
|
|
10
|
+
export declare class MediaSettingsMenu extends HTMLElementBase {
|
|
11
|
+
private _cleanup;
|
|
12
|
+
private _isOpen;
|
|
13
|
+
private _currentPanel;
|
|
14
|
+
connectedCallback(): void;
|
|
15
|
+
private _onTriggerClick;
|
|
16
|
+
private _onDocClick;
|
|
17
|
+
private _onDocKeydown;
|
|
18
|
+
disconnectedCallback(): void;
|
|
19
|
+
toggle(): void;
|
|
20
|
+
open(): void;
|
|
21
|
+
close(): void;
|
|
22
|
+
private positionMenu;
|
|
23
|
+
private attach;
|
|
24
|
+
private renderPanel;
|
|
25
|
+
private renderMain;
|
|
26
|
+
private renderSpeed;
|
|
27
|
+
private renderQuality;
|
|
28
|
+
private renderCaptions;
|
|
29
|
+
private renderAudio;
|
|
30
|
+
private addItem;
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=media-settings-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-settings-menu.d.ts","sourceRoot":"","sources":["../../src/elements/media-settings-menu.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AASH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,iBAAkB,SAAQ,eAAe;IACpD,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,OAAO,CAAQ;IACvB,OAAO,CAAC,aAAa,CAA8D;IAEnF,iBAAiB,IAAI,IAAI;IA+DzB,OAAO,CAAC,eAAe,CAA4B;IAEnD,OAAO,CAAC,WAAW,CAAyC;IAE5D,OAAO,CAAC,aAAa,CAA4C;IAEjE,oBAAoB,IAAI,IAAI;IAU5B,MAAM,IAAI,IAAI;IAKd,IAAI,IAAI,IAAI;IAUZ,KAAK,IAAI,IAAI;IAOb,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,MAAM;IAWd,OAAO,CAAC,WAAW;IAqBnB,OAAO,CAAC,UAAU;IAqClB,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,aAAa;IAoBrB,OAAO,CAAC,cAAc;IAyBtB,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,OAAO;CAehB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-time-display> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* Displays current time, duration, or remaining time with semantic markup.
|
|
5
|
+
* Attributes: type="current|duration|remaining"
|
|
6
|
+
*
|
|
7
|
+
* @module elements/media-time-display
|
|
8
|
+
*/
|
|
9
|
+
import { HTMLElementBase } from './base';
|
|
10
|
+
export declare class MediaTimeDisplay extends HTMLElementBase {
|
|
11
|
+
private _cleanup;
|
|
12
|
+
private _showRemaining;
|
|
13
|
+
static get observedAttributes(): string[];
|
|
14
|
+
get type(): string;
|
|
15
|
+
connectedCallback(): void;
|
|
16
|
+
disconnectedCallback(): void;
|
|
17
|
+
private handleClick;
|
|
18
|
+
private attach;
|
|
19
|
+
private render;
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=media-time-display.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-time-display.d.ts","sourceRoot":"","sources":["../../src/elements/media-time-display.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,gBAAiB,SAAQ,eAAe;IACnD,OAAO,CAAC,QAAQ,CAA4B;IAC5C,OAAO,CAAC,cAAc,CAAQ;IAE9B,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IAED,iBAAiB,IAAI,IAAI;IAyBzB,oBAAoB,IAAI,IAAI;IAM5B,OAAO,CAAC,WAAW,CAOlB;IAED,OAAO,CAAC,MAAM;IAWd,OAAO,CAAC,MAAM;CAsBf"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-time-group> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* Container for composing time display elements (current / separator / duration).
|
|
5
|
+
* Provides layout and semantic grouping.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```html
|
|
9
|
+
* <media-time-group>
|
|
10
|
+
* <media-time-display type="current"></media-time-display>
|
|
11
|
+
* <media-time-separator></media-time-separator>
|
|
12
|
+
* <media-time-display type="duration"></media-time-display>
|
|
13
|
+
* </media-time-group>
|
|
14
|
+
* ```
|
|
15
|
+
*
|
|
16
|
+
* @module elements/media-time-group
|
|
17
|
+
*/
|
|
18
|
+
import { HTMLElementBase } from './base';
|
|
19
|
+
export declare class MediaTimeGroup extends HTMLElementBase {
|
|
20
|
+
connectedCallback(): void;
|
|
21
|
+
}
|
|
22
|
+
//# sourceMappingURL=media-time-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-time-group.d.ts","sourceRoot":"","sources":["../../src/elements/media-time-group.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,cAAe,SAAQ,eAAe;IACjD,iBAAiB,IAAI,IAAI;CAmB1B"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-time-separator> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* Visual separator between time displays (typically "/" or ":").
|
|
5
|
+
* Hidden from screen readers via aria-hidden.
|
|
6
|
+
*
|
|
7
|
+
* @module elements/media-time-separator
|
|
8
|
+
*/
|
|
9
|
+
import { HTMLElementBase } from './base';
|
|
10
|
+
export declare class MediaTimeSeparator extends HTMLElementBase {
|
|
11
|
+
connectedCallback(): void;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=media-time-separator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-time-separator.d.ts","sourceRoot":"","sources":["../../src/elements/media-time-separator.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,kBAAmB,SAAQ,eAAe;IACrD,iBAAiB,IAAI,IAAI;CAsB1B"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <media-volume-slider> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* Volume control slider. Hidden when volume is unsupported (iOS Safari).
|
|
5
|
+
*
|
|
6
|
+
* @module elements/media-volume-slider
|
|
7
|
+
*/
|
|
8
|
+
import { HTMLElementBase } from './base';
|
|
9
|
+
export declare class MediaVolumeSlider extends HTMLElementBase {
|
|
10
|
+
private _cleanups;
|
|
11
|
+
private _isDragging;
|
|
12
|
+
connectedCallback(): void;
|
|
13
|
+
disconnectedCallback(): void;
|
|
14
|
+
private attach;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=media-volume-slider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"media-volume-slider.d.ts","sourceRoot":"","sources":["../../src/elements/media-volume-slider.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,iBAAkB,SAAQ,eAAe;IACpD,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,WAAW,CAAQ;IAE3B,iBAAiB,IAAI,IAAI;IA2CzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,MAAM;CA2Ef"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player Element Utilities
|
|
3
|
+
*
|
|
4
|
+
* Shared helpers for custom elements.
|
|
5
|
+
*
|
|
6
|
+
* @module elements/utils
|
|
7
|
+
*/
|
|
8
|
+
/**
|
|
9
|
+
* Format time in seconds to MM:SS or HH:MM:SS
|
|
10
|
+
*/
|
|
11
|
+
export declare function formatTime(seconds: number, guide?: number): string;
|
|
12
|
+
/**
|
|
13
|
+
* Format time as a human-readable phrase for screen readers.
|
|
14
|
+
* e.g., "1 minute, 30 seconds"
|
|
15
|
+
*/
|
|
16
|
+
export declare function formatTimePhrase(seconds: number): string;
|
|
17
|
+
/**
|
|
18
|
+
* Convert seconds to ISO 8601 duration string.
|
|
19
|
+
* e.g., 90 -> "PT1M30S"
|
|
20
|
+
*/
|
|
21
|
+
export declare function toISODuration(seconds: number): string;
|
|
22
|
+
/**
|
|
23
|
+
* Resolve the player instance from an element.
|
|
24
|
+
* Uses `for` attribute to find by ID, or walks up the DOM to find `<video-player>`.
|
|
25
|
+
*/
|
|
26
|
+
export declare function resolvePlayer(el: HTMLElement): any | null;
|
|
27
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/elements/utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,CAe7D;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAcxD;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAcrD;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,WAAW,GAAG,GAAG,GAAG,IAAI,CASzD"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ts-video-player <video-player> Custom Element
|
|
3
|
+
*
|
|
4
|
+
* The root element that wraps the Player class.
|
|
5
|
+
*
|
|
6
|
+
* @module elements/video-player
|
|
7
|
+
*/
|
|
8
|
+
import { Player } from '../player';
|
|
9
|
+
import { HTMLElementBase } from './base';
|
|
10
|
+
export declare class VideoPlayerElement extends HTMLElementBase {
|
|
11
|
+
private _player;
|
|
12
|
+
private _container;
|
|
13
|
+
private _disconnectId;
|
|
14
|
+
static get observedAttributes(): string[];
|
|
15
|
+
get player(): Player | null;
|
|
16
|
+
connectedCallback(): void;
|
|
17
|
+
disconnectedCallback(): void;
|
|
18
|
+
attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
|
|
19
|
+
private buildOptions;
|
|
20
|
+
private readSourceConfig;
|
|
21
|
+
private forwardEvents;
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=video-player.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"video-player.d.ts","sourceRoot":"","sources":["../../src/elements/video-player.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAKlC,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAExC,qBAAa,kBAAmB,SAAQ,eAAe;IACrD,OAAO,CAAC,OAAO,CAAsB;IACrC,OAAO,CAAC,UAAU,CAA2B;IAC7C,OAAO,CAAC,aAAa,CAAI;IAEzB,MAAM,KAAK,kBAAkB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,MAAM,IAAI,MAAM,GAAG,IAAI,CAE1B;IAED,iBAAiB,IAAI,IAAI;IA4BzB,oBAAoB,IAAI,IAAI;IAY5B,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAmBvF,OAAO,CAAC,YAAY;IA0CpB,OAAO,CAAC,gBAAgB;IAsBxB,OAAO,CAAC,aAAa;CAuBtB"}
|