ts-video-player 0.1.0 → 0.1.2

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.
Files changed (176) hide show
  1. package/README.md +1 -1
  2. package/dist/cdn.d.ts +0 -1
  3. package/dist/cdn.min.js +76 -78
  4. package/dist/cdn.test.d.ts +0 -1
  5. package/dist/{chunk-eajts2jv.js → chunk-d352kdh6.js} +215 -193
  6. package/dist/{chunk-z1ehbz9f.js → chunk-ds1nj487.js} +35 -37
  7. package/dist/{chunk-36x4yhjn.js → chunk-rhykj0qy.js} +58 -60
  8. package/dist/config.d.ts +0 -1
  9. package/dist/core/audio-gain.d.ts +0 -1
  10. package/dist/core/caption-styles.d.ts +0 -1
  11. package/dist/core/chapters.d.ts +0 -1
  12. package/dist/core/error-overlay.d.ts +0 -1
  13. package/dist/core/events.d.ts +0 -1
  14. package/dist/core/features.d.ts +0 -1
  15. package/dist/core/i18n.d.ts +0 -1
  16. package/dist/core/index.d.ts +0 -1
  17. package/dist/core/live.d.ts +0 -1
  18. package/dist/core/media-session.d.ts +0 -1
  19. package/dist/core/orientation.d.ts +0 -1
  20. package/dist/core/popover.d.ts +0 -1
  21. package/dist/core/remote-playback.d.ts +0 -1
  22. package/dist/core/settings-menu.d.ts +0 -1
  23. package/dist/core/spinner.d.ts +0 -1
  24. package/dist/core/state.d.ts +0 -1
  25. package/dist/core/text-tracks.d.ts +0 -1
  26. package/dist/core/themes.d.ts +0 -1
  27. package/dist/core/thumbnails.d.ts +0 -1
  28. package/dist/core/tooltips.d.ts +0 -1
  29. package/dist/elements/base.d.ts +0 -1
  30. package/dist/elements/index.d.ts +0 -1
  31. package/dist/elements/index.js +49 -52
  32. package/dist/elements/media-airplay-button.d.ts +0 -1
  33. package/dist/elements/media-error-display.d.ts +0 -1
  34. package/dist/elements/media-fullscreen-button.d.ts +0 -1
  35. package/dist/elements/media-live-button.d.ts +0 -1
  36. package/dist/elements/media-mute-button.d.ts +0 -1
  37. package/dist/elements/media-pip-button.d.ts +0 -1
  38. package/dist/elements/media-play-button.d.ts +0 -1
  39. package/dist/elements/media-playback-rate-button.d.ts +0 -1
  40. package/dist/elements/media-preview-time.d.ts +0 -1
  41. package/dist/elements/media-progress-bar.d.ts +0 -1
  42. package/dist/elements/media-remote-playback-button.d.ts +0 -1
  43. package/dist/elements/media-seek-button.d.ts +0 -1
  44. package/dist/elements/media-settings-menu.d.ts +0 -1
  45. package/dist/elements/media-time-display.d.ts +0 -1
  46. package/dist/elements/media-time-group.d.ts +0 -1
  47. package/dist/elements/media-time-separator.d.ts +0 -1
  48. package/dist/elements/media-volume-slider.d.ts +0 -1
  49. package/dist/elements/utils.d.ts +0 -1
  50. package/dist/elements/video-player.d.ts +0 -1
  51. package/dist/elements/video-skin.d.ts +0 -1
  52. package/dist/features/captions.d.ts +0 -1
  53. package/dist/features/create-player.d.ts +0 -1
  54. package/dist/features/fullscreen.d.ts +0 -1
  55. package/dist/features/gestures.d.ts +0 -1
  56. package/dist/features/index.d.ts +0 -1
  57. package/dist/features/index.js +25 -28
  58. package/dist/features/keyboard.d.ts +0 -1
  59. package/dist/features/pip.d.ts +0 -1
  60. package/dist/features/playback.d.ts +0 -1
  61. package/dist/features/quality.d.ts +0 -1
  62. package/dist/features/types.d.ts +0 -1
  63. package/dist/features/volume.d.ts +0 -1
  64. package/dist/index.d.ts +0 -1
  65. package/dist/index.js +368 -370
  66. package/dist/layouts/index.d.ts +0 -1
  67. package/dist/player.d.ts +0 -1
  68. package/dist/plugins/ads.d.ts +0 -1
  69. package/dist/plugins/analytics.d.ts +0 -1
  70. package/dist/plugins/end-screen.d.ts +0 -1
  71. package/dist/plugins/index.d.ts +0 -1
  72. package/dist/plugins/index.js +2143 -17
  73. package/dist/plugins/skip-segments.d.ts +0 -1
  74. package/dist/plugins/watermark.d.ts +0 -1
  75. package/dist/providers/base.d.ts +0 -1
  76. package/dist/providers/dash.d.ts +0 -1
  77. package/dist/providers/hls.d.ts +0 -1
  78. package/dist/providers/html5.d.ts +4 -1
  79. package/dist/providers/index.d.ts +0 -1
  80. package/dist/providers/vimeo.d.ts +0 -1
  81. package/dist/providers/youtube.d.ts +0 -1
  82. package/dist/stx/index.d.ts +0 -1
  83. package/dist/stx/index.js +4 -6
  84. package/dist/types.d.ts +0 -1
  85. package/dist/ui/components.d.ts +0 -1
  86. package/dist/ui/index.d.ts +0 -1
  87. package/dist/ui/index.js +730 -13
  88. package/package.json +3 -5
  89. package/src/providers/html5.ts +1 -1
  90. package/src/providers/index.ts +36 -2
  91. package/dist/cdn.d.ts.map +0 -1
  92. package/dist/cdn.min.js.map +0 -54
  93. package/dist/cdn.test.d.ts.map +0 -1
  94. package/dist/chunk-36x4yhjn.js.map +0 -12
  95. package/dist/chunk-eajts2jv.js.map +0 -42
  96. package/dist/chunk-z1ehbz9f.js.map +0 -19
  97. package/dist/config.d.ts.map +0 -1
  98. package/dist/core/audio-gain.d.ts.map +0 -1
  99. package/dist/core/caption-styles.d.ts.map +0 -1
  100. package/dist/core/chapters.d.ts.map +0 -1
  101. package/dist/core/error-overlay.d.ts.map +0 -1
  102. package/dist/core/events.d.ts.map +0 -1
  103. package/dist/core/features.d.ts.map +0 -1
  104. package/dist/core/i18n.d.ts.map +0 -1
  105. package/dist/core/index.d.ts.map +0 -1
  106. package/dist/core/live.d.ts.map +0 -1
  107. package/dist/core/media-session.d.ts.map +0 -1
  108. package/dist/core/orientation.d.ts.map +0 -1
  109. package/dist/core/popover.d.ts.map +0 -1
  110. package/dist/core/remote-playback.d.ts.map +0 -1
  111. package/dist/core/settings-menu.d.ts.map +0 -1
  112. package/dist/core/spinner.d.ts.map +0 -1
  113. package/dist/core/state.d.ts.map +0 -1
  114. package/dist/core/text-tracks.d.ts.map +0 -1
  115. package/dist/core/themes.d.ts.map +0 -1
  116. package/dist/core/thumbnails.d.ts.map +0 -1
  117. package/dist/core/tooltips.d.ts.map +0 -1
  118. package/dist/elements/base.d.ts.map +0 -1
  119. package/dist/elements/index.d.ts.map +0 -1
  120. package/dist/elements/index.js.map +0 -9
  121. package/dist/elements/media-airplay-button.d.ts.map +0 -1
  122. package/dist/elements/media-error-display.d.ts.map +0 -1
  123. package/dist/elements/media-fullscreen-button.d.ts.map +0 -1
  124. package/dist/elements/media-live-button.d.ts.map +0 -1
  125. package/dist/elements/media-mute-button.d.ts.map +0 -1
  126. package/dist/elements/media-pip-button.d.ts.map +0 -1
  127. package/dist/elements/media-play-button.d.ts.map +0 -1
  128. package/dist/elements/media-playback-rate-button.d.ts.map +0 -1
  129. package/dist/elements/media-preview-time.d.ts.map +0 -1
  130. package/dist/elements/media-progress-bar.d.ts.map +0 -1
  131. package/dist/elements/media-remote-playback-button.d.ts.map +0 -1
  132. package/dist/elements/media-seek-button.d.ts.map +0 -1
  133. package/dist/elements/media-settings-menu.d.ts.map +0 -1
  134. package/dist/elements/media-time-display.d.ts.map +0 -1
  135. package/dist/elements/media-time-group.d.ts.map +0 -1
  136. package/dist/elements/media-time-separator.d.ts.map +0 -1
  137. package/dist/elements/media-volume-slider.d.ts.map +0 -1
  138. package/dist/elements/utils.d.ts.map +0 -1
  139. package/dist/elements/video-player.d.ts.map +0 -1
  140. package/dist/elements/video-skin.d.ts.map +0 -1
  141. package/dist/features/captions.d.ts.map +0 -1
  142. package/dist/features/create-player.d.ts.map +0 -1
  143. package/dist/features/fullscreen.d.ts.map +0 -1
  144. package/dist/features/gestures.d.ts.map +0 -1
  145. package/dist/features/index.d.ts.map +0 -1
  146. package/dist/features/index.js.map +0 -9
  147. package/dist/features/keyboard.d.ts.map +0 -1
  148. package/dist/features/pip.d.ts.map +0 -1
  149. package/dist/features/playback.d.ts.map +0 -1
  150. package/dist/features/quality.d.ts.map +0 -1
  151. package/dist/features/types.d.ts.map +0 -1
  152. package/dist/features/volume.d.ts.map +0 -1
  153. package/dist/index.d.ts.map +0 -1
  154. package/dist/index.js.map +0 -31
  155. package/dist/layouts/index.d.ts.map +0 -1
  156. package/dist/player.d.ts.map +0 -1
  157. package/dist/plugins/ads.d.ts.map +0 -1
  158. package/dist/plugins/analytics.d.ts.map +0 -1
  159. package/dist/plugins/end-screen.d.ts.map +0 -1
  160. package/dist/plugins/index.d.ts.map +0 -1
  161. package/dist/plugins/index.js.map +0 -9
  162. package/dist/plugins/skip-segments.d.ts.map +0 -1
  163. package/dist/plugins/watermark.d.ts.map +0 -1
  164. package/dist/providers/base.d.ts.map +0 -1
  165. package/dist/providers/dash.d.ts.map +0 -1
  166. package/dist/providers/hls.d.ts.map +0 -1
  167. package/dist/providers/html5.d.ts.map +0 -1
  168. package/dist/providers/index.d.ts.map +0 -1
  169. package/dist/providers/vimeo.d.ts.map +0 -1
  170. package/dist/providers/youtube.d.ts.map +0 -1
  171. package/dist/stx/index.d.ts.map +0 -1
  172. package/dist/stx/index.js.map +0 -11
  173. package/dist/types.d.ts.map +0 -1
  174. package/dist/ui/components.d.ts.map +0 -1
  175. package/dist/ui/index.d.ts.map +0 -1
  176. package/dist/ui/index.js.map +0 -9
@@ -156,4 +156,3 @@ export declare function skipSegmentsPlugin(config: SkipSegmentsConfig): {
156
156
  name: string;
157
157
  install: (player: Player, container: HTMLElement) => () => void;
158
158
  };
159
- //# sourceMappingURL=skip-segments.d.ts.map
@@ -154,4 +154,3 @@ export declare function watermarkPlugin(watermarks: Array<{
154
154
  name: string;
155
155
  install: (player: Player, container: HTMLElement) => () => void;
156
156
  };
157
- //# sourceMappingURL=watermark.d.ts.map
@@ -53,4 +53,3 @@ export declare abstract class BaseProvider implements Provider {
53
53
  off<K extends keyof ProviderEventMap>(event: K, handler: ProviderEventMap[K]): void;
54
54
  protected emitError(code: number, message: string, details?: unknown): void;
55
55
  }
56
- //# sourceMappingURL=base.d.ts.map
@@ -91,4 +91,3 @@ export declare class DASHProvider extends BaseProvider {
91
91
  setTextTrackMode(trackId: string, mode: 'disabled' | 'hidden' | 'showing'): void;
92
92
  }
93
93
  export declare const dashLoader: ProviderLoader;
94
- //# sourceMappingURL=dash.d.ts.map
@@ -179,4 +179,3 @@ export declare const hlsLoader: {
179
179
  load(container: HTMLElement, options: PlayerOptions): Promise<HLSProvider>;
180
180
  };
181
181
  export {};
182
- //# sourceMappingURL=hls.d.ts.map
@@ -11,6 +11,10 @@ import { BaseProvider } from './base';
11
11
  * Check if a source is an HTML5 compatible source
12
12
  */
13
13
  export declare function isHTML5Source(src: Src): boolean;
14
+ /**
15
+ * Get MIME type for a source
16
+ */
17
+ export declare function getMimeType(src: string): string;
14
18
  /**
15
19
  * HTML5 Video/Audio Provider
16
20
  */
@@ -61,4 +65,3 @@ export declare const html5Loader: {
61
65
  mediaType(src: Src): "video" | "audio" | "unknown";
62
66
  load(container: HTMLElement, options: PlayerOptions): Promise<HTML5Provider>;
63
67
  };
64
- //# sourceMappingURL=html5.d.ts.map
@@ -38,4 +38,3 @@ export declare function detectMediaType(src: Src, loaders?: ProviderLoader[]): '
38
38
  * Get preconnect hints for a source
39
39
  */
40
40
  export declare function getPreconnectHints(src: Src, loaders?: ProviderLoader[]): string[];
41
- //# sourceMappingURL=index.d.ts.map
@@ -154,4 +154,3 @@ export declare const vimeoLoader: {
154
154
  load(container: HTMLElement, options: PlayerOptions): Promise<VimeoProvider>;
155
155
  };
156
156
  export {};
157
- //# sourceMappingURL=vimeo.d.ts.map
@@ -131,4 +131,3 @@ export declare const youtubeLoader: {
131
131
  load(container: HTMLElement, options: PlayerOptions): Promise<YouTubeProvider>;
132
132
  };
133
133
  export {};
134
- //# sourceMappingURL=youtube.d.ts.map
@@ -56,4 +56,3 @@ export declare function registerVideoDirectives(stx: {
56
56
  customDirectives?: any[];
57
57
  };
58
58
  }): void;
59
- //# sourceMappingURL=index.d.ts.map
package/dist/stx/index.js CHANGED
@@ -470,11 +470,9 @@ function registerVideoDirectives(stx) {
470
470
  stx.config.customDirectives.push(videoDirective);
471
471
  }
472
472
  export {
473
- videoDirective,
474
- renderVideoComponent,
475
- registerVideoDirectives,
473
+ createVideoDirective,
476
474
  parseVideoComponent,
477
- createVideoDirective
475
+ registerVideoDirectives,
476
+ renderVideoComponent,
477
+ videoDirective
478
478
  };
479
-
480
- //# debugId=CC15566753F52D2564756E2164756E21
package/dist/types.d.ts CHANGED
@@ -721,4 +721,3 @@ export interface VideoRenderResult {
721
721
  /** JavaScript to inject */
722
722
  script?: string;
723
723
  }
724
- //# sourceMappingURL=types.d.ts.map
@@ -118,4 +118,3 @@ export declare class Menu extends BaseComponent {
118
118
  */
119
119
  export declare function formatTime(seconds: number): string;
120
120
  export declare const UI_STYLES = "\n.ts-video-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n padding: 8px;\n background: transparent;\n border: none;\n color: white;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n\n.ts-video-btn:hover {\n opacity: 0.8;\n}\n\n.ts-video-btn:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n.ts-video-time {\n font-size: 14px;\n color: white;\n font-variant-numeric: tabular-nums;\n user-select: none;\n cursor: pointer;\n}\n\n.ts-video-slider {\n position: relative;\n width: 100%;\n height: 20px;\n cursor: pointer;\n}\n\n.ts-video-slider__track {\n position: absolute;\n top: 50%;\n left: 0;\n right: 0;\n height: 4px;\n background: rgba(255, 255, 255, 0.3);\n border-radius: 2px;\n transform: translateY(-50%);\n}\n\n.ts-video-slider__fill {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background: #fff;\n border-radius: 2px;\n}\n\n.ts-video-slider__thumb {\n position: absolute;\n top: 50%;\n width: 12px;\n height: 12px;\n background: #fff;\n border-radius: 50%;\n transform: translate(-50%, -50%);\n transition: transform 0.1s;\n}\n\n.ts-video-slider:hover .ts-video-slider__thumb {\n transform: translate(-50%, -50%) scale(1.2);\n}\n\n.ts-video-progress {\n flex: 1;\n margin: 0 12px;\n}\n\n.ts-video-progress__buffered {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n background: rgba(255, 255, 255, 0.4);\n border-radius: 2px;\n}\n\n.ts-video-volume {\n width: 80px;\n}\n\n.ts-video-menu {\n position: relative;\n}\n\n.ts-video-menu__content {\n position: absolute;\n bottom: 100%;\n right: 0;\n min-width: 150px;\n max-height: 200px;\n overflow-y: auto;\n background: rgba(28, 28, 28, 0.95);\n border-radius: 4px;\n padding: 4px 0;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n transition: opacity 0.2s, transform 0.2s, visibility 0.2s;\n}\n\n.ts-video-menu--open .ts-video-menu__content {\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n}\n\n.ts-video-menu__item {\n display: block;\n width: 100%;\n padding: 8px 16px;\n background: none;\n border: none;\n color: white;\n text-align: left;\n cursor: pointer;\n font-size: 14px;\n}\n\n.ts-video-menu__item:hover {\n background: rgba(255, 255, 255, 0.1);\n}\n\n.ts-video-menu__item--checked::before {\n content: '\u2713';\n margin-right: 8px;\n}\n\n.ts-video-menu__item--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n";
121
- //# sourceMappingURL=components.d.ts.map
@@ -6,4 +6,3 @@
6
6
  * @module ui
7
7
  */
8
8
  export { BaseComponent, PlayButton, MuteButton, FullscreenButton, PiPButton, TimeDisplay, Slider, ProgressBar, VolumeSlider, Menu, formatTime, UI_STYLES, } from './components';
9
- //# sourceMappingURL=index.d.ts.map