@editframe/elements 0.26.2-beta.0 → 0.26.4-beta.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.
Files changed (135) hide show
  1. package/dist/elements/EFTimegroup.js +7 -2
  2. package/dist/elements/EFTimegroup.js.map +1 -1
  3. package/package.json +2 -2
  4. package/scripts/build-css.js +3 -3
  5. package/tsdown.config.ts +1 -1
  6. package/types.json +1 -1
  7. package/src/elements/ContextProxiesController.ts +0 -124
  8. package/src/elements/CrossUpdateController.ts +0 -22
  9. package/src/elements/EFAudio.browsertest.ts +0 -706
  10. package/src/elements/EFAudio.ts +0 -56
  11. package/src/elements/EFCaptions.browsertest.ts +0 -1960
  12. package/src/elements/EFCaptions.ts +0 -823
  13. package/src/elements/EFImage.browsertest.ts +0 -120
  14. package/src/elements/EFImage.ts +0 -113
  15. package/src/elements/EFMedia/AssetIdMediaEngine.test.ts +0 -224
  16. package/src/elements/EFMedia/AssetIdMediaEngine.ts +0 -110
  17. package/src/elements/EFMedia/AssetMediaEngine.browsertest.ts +0 -140
  18. package/src/elements/EFMedia/AssetMediaEngine.ts +0 -385
  19. package/src/elements/EFMedia/BaseMediaEngine.browsertest.ts +0 -400
  20. package/src/elements/EFMedia/BaseMediaEngine.ts +0 -505
  21. package/src/elements/EFMedia/BufferedSeekingInput.browsertest.ts +0 -386
  22. package/src/elements/EFMedia/BufferedSeekingInput.ts +0 -430
  23. package/src/elements/EFMedia/JitMediaEngine.browsertest.ts +0 -226
  24. package/src/elements/EFMedia/JitMediaEngine.ts +0 -256
  25. package/src/elements/EFMedia/audioTasks/makeAudioBufferTask.browsertest.ts +0 -679
  26. package/src/elements/EFMedia/audioTasks/makeAudioBufferTask.ts +0 -117
  27. package/src/elements/EFMedia/audioTasks/makeAudioFrequencyAnalysisTask.ts +0 -246
  28. package/src/elements/EFMedia/audioTasks/makeAudioInitSegmentFetchTask.browsertest.ts +0 -59
  29. package/src/elements/EFMedia/audioTasks/makeAudioInitSegmentFetchTask.ts +0 -27
  30. package/src/elements/EFMedia/audioTasks/makeAudioInputTask.browsertest.ts +0 -55
  31. package/src/elements/EFMedia/audioTasks/makeAudioInputTask.ts +0 -53
  32. package/src/elements/EFMedia/audioTasks/makeAudioSeekTask.chunkboundary.regression.browsertest.ts +0 -207
  33. package/src/elements/EFMedia/audioTasks/makeAudioSeekTask.ts +0 -72
  34. package/src/elements/EFMedia/audioTasks/makeAudioSegmentFetchTask.ts +0 -32
  35. package/src/elements/EFMedia/audioTasks/makeAudioSegmentIdTask.ts +0 -29
  36. package/src/elements/EFMedia/audioTasks/makeAudioTasksVideoOnly.browsertest.ts +0 -95
  37. package/src/elements/EFMedia/audioTasks/makeAudioTimeDomainAnalysisTask.ts +0 -184
  38. package/src/elements/EFMedia/shared/AudioSpanUtils.ts +0 -129
  39. package/src/elements/EFMedia/shared/BufferUtils.ts +0 -342
  40. package/src/elements/EFMedia/shared/GlobalInputCache.ts +0 -77
  41. package/src/elements/EFMedia/shared/MediaTaskUtils.ts +0 -44
  42. package/src/elements/EFMedia/shared/PrecisionUtils.ts +0 -46
  43. package/src/elements/EFMedia/shared/RenditionHelpers.browsertest.ts +0 -246
  44. package/src/elements/EFMedia/shared/RenditionHelpers.ts +0 -56
  45. package/src/elements/EFMedia/shared/ThumbnailExtractor.ts +0 -227
  46. package/src/elements/EFMedia/tasks/makeMediaEngineTask.browsertest.ts +0 -167
  47. package/src/elements/EFMedia/tasks/makeMediaEngineTask.ts +0 -88
  48. package/src/elements/EFMedia/videoTasks/MainVideoInputCache.ts +0 -76
  49. package/src/elements/EFMedia/videoTasks/ScrubInputCache.ts +0 -61
  50. package/src/elements/EFMedia/videoTasks/makeScrubVideoBufferTask.ts +0 -114
  51. package/src/elements/EFMedia/videoTasks/makeScrubVideoInitSegmentFetchTask.ts +0 -35
  52. package/src/elements/EFMedia/videoTasks/makeScrubVideoInputTask.ts +0 -52
  53. package/src/elements/EFMedia/videoTasks/makeScrubVideoSeekTask.ts +0 -124
  54. package/src/elements/EFMedia/videoTasks/makeScrubVideoSegmentFetchTask.ts +0 -44
  55. package/src/elements/EFMedia/videoTasks/makeScrubVideoSegmentIdTask.ts +0 -32
  56. package/src/elements/EFMedia/videoTasks/makeUnifiedVideoSeekTask.ts +0 -370
  57. package/src/elements/EFMedia/videoTasks/makeVideoBufferTask.ts +0 -109
  58. package/src/elements/EFMedia.browsertest.ts +0 -872
  59. package/src/elements/EFMedia.ts +0 -341
  60. package/src/elements/EFSourceMixin.ts +0 -60
  61. package/src/elements/EFSurface.browsertest.ts +0 -151
  62. package/src/elements/EFSurface.ts +0 -142
  63. package/src/elements/EFTemporal.browsertest.ts +0 -215
  64. package/src/elements/EFTemporal.ts +0 -800
  65. package/src/elements/EFThumbnailStrip.browsertest.ts +0 -585
  66. package/src/elements/EFThumbnailStrip.media-engine.browsertest.ts +0 -714
  67. package/src/elements/EFThumbnailStrip.ts +0 -906
  68. package/src/elements/EFTimegroup.browsertest.ts +0 -870
  69. package/src/elements/EFTimegroup.ts +0 -878
  70. package/src/elements/EFVideo.browsertest.ts +0 -1482
  71. package/src/elements/EFVideo.ts +0 -564
  72. package/src/elements/EFWaveform.ts +0 -547
  73. package/src/elements/FetchContext.browsertest.ts +0 -401
  74. package/src/elements/FetchMixin.ts +0 -38
  75. package/src/elements/SampleBuffer.ts +0 -94
  76. package/src/elements/TargetController.browsertest.ts +0 -230
  77. package/src/elements/TargetController.ts +0 -224
  78. package/src/elements/TimegroupController.ts +0 -26
  79. package/src/elements/durationConverter.ts +0 -35
  80. package/src/elements/parseTimeToMs.ts +0 -9
  81. package/src/elements/printTaskStatus.ts +0 -16
  82. package/src/elements/renderTemporalAudio.ts +0 -108
  83. package/src/elements/updateAnimations.browsertest.ts +0 -1884
  84. package/src/elements/updateAnimations.ts +0 -217
  85. package/src/elements/util.ts +0 -24
  86. package/src/gui/ContextMixin.browsertest.ts +0 -860
  87. package/src/gui/ContextMixin.ts +0 -562
  88. package/src/gui/Controllable.browsertest.ts +0 -258
  89. package/src/gui/Controllable.ts +0 -41
  90. package/src/gui/EFConfiguration.ts +0 -40
  91. package/src/gui/EFControls.browsertest.ts +0 -389
  92. package/src/gui/EFControls.ts +0 -195
  93. package/src/gui/EFDial.browsertest.ts +0 -84
  94. package/src/gui/EFDial.ts +0 -172
  95. package/src/gui/EFFilmstrip.browsertest.ts +0 -712
  96. package/src/gui/EFFilmstrip.ts +0 -1349
  97. package/src/gui/EFFitScale.ts +0 -152
  98. package/src/gui/EFFocusOverlay.ts +0 -79
  99. package/src/gui/EFPause.browsertest.ts +0 -202
  100. package/src/gui/EFPause.ts +0 -73
  101. package/src/gui/EFPlay.browsertest.ts +0 -202
  102. package/src/gui/EFPlay.ts +0 -73
  103. package/src/gui/EFPreview.ts +0 -74
  104. package/src/gui/EFResizableBox.browsertest.ts +0 -79
  105. package/src/gui/EFResizableBox.ts +0 -898
  106. package/src/gui/EFScrubber.ts +0 -151
  107. package/src/gui/EFTimeDisplay.browsertest.ts +0 -237
  108. package/src/gui/EFTimeDisplay.ts +0 -55
  109. package/src/gui/EFToggleLoop.ts +0 -35
  110. package/src/gui/EFTogglePlay.ts +0 -70
  111. package/src/gui/EFWorkbench.ts +0 -115
  112. package/src/gui/PlaybackController.ts +0 -527
  113. package/src/gui/TWMixin.css +0 -6
  114. package/src/gui/TWMixin.ts +0 -61
  115. package/src/gui/TargetOrContextMixin.ts +0 -185
  116. package/src/gui/currentTimeContext.ts +0 -5
  117. package/src/gui/durationContext.ts +0 -3
  118. package/src/gui/efContext.ts +0 -6
  119. package/src/gui/fetchContext.ts +0 -5
  120. package/src/gui/focusContext.ts +0 -7
  121. package/src/gui/focusedElementContext.ts +0 -5
  122. package/src/gui/playingContext.ts +0 -5
  123. package/src/otel/BridgeSpanExporter.ts +0 -150
  124. package/src/otel/setupBrowserTracing.ts +0 -73
  125. package/src/otel/tracingHelpers.ts +0 -251
  126. package/src/transcoding/cache/RequestDeduplicator.test.ts +0 -170
  127. package/src/transcoding/cache/RequestDeduplicator.ts +0 -65
  128. package/src/transcoding/cache/URLTokenDeduplicator.test.ts +0 -182
  129. package/src/transcoding/cache/URLTokenDeduplicator.ts +0 -101
  130. package/src/transcoding/types/index.ts +0 -312
  131. package/src/transcoding/utils/MediaUtils.ts +0 -63
  132. package/src/transcoding/utils/UrlGenerator.ts +0 -68
  133. package/src/transcoding/utils/constants.ts +0 -36
  134. package/src/utils/LRUCache.test.ts +0 -274
  135. package/src/utils/LRUCache.ts +0 -696
@@ -1,256 +0,0 @@
1
- import type {
2
- AudioRendition,
3
- MediaEngine,
4
- RenditionId,
5
- ThumbnailResult,
6
- VideoRendition,
7
- } from "../../transcoding/types";
8
- import type { ManifestResponse } from "../../transcoding/types/index.js";
9
- import type { UrlGenerator } from "../../transcoding/utils/UrlGenerator";
10
- import type { EFMedia } from "../EFMedia.js";
11
- import { BaseMediaEngine } from "./BaseMediaEngine";
12
- import { ThumbnailExtractor } from "./shared/ThumbnailExtractor.js";
13
-
14
- export class JitMediaEngine extends BaseMediaEngine implements MediaEngine {
15
- private urlGenerator: UrlGenerator;
16
- private data: ManifestResponse = {} as ManifestResponse;
17
- private thumbnailExtractor: ThumbnailExtractor;
18
-
19
- static async fetch(host: EFMedia, urlGenerator: UrlGenerator, url: string) {
20
- const engine = new JitMediaEngine(host, urlGenerator);
21
- const data = await engine.fetchManifest(url);
22
- engine.data = data;
23
- return engine;
24
- }
25
-
26
- constructor(host: EFMedia, urlGenerator: UrlGenerator) {
27
- super(host);
28
- this.urlGenerator = urlGenerator;
29
- this.thumbnailExtractor = new ThumbnailExtractor(this);
30
- }
31
-
32
- get durationMs() {
33
- return this.data.durationMs;
34
- }
35
-
36
- get src() {
37
- return this.data.sourceUrl;
38
- }
39
-
40
- get audioRendition(): AudioRendition | undefined {
41
- if (!this.data.audioRenditions || this.data.audioRenditions.length === 0) {
42
- return undefined;
43
- }
44
-
45
- const rendition = this.data.audioRenditions[0];
46
- if (!rendition) return undefined;
47
-
48
- return {
49
- id: rendition.id as RenditionId,
50
- trackId: undefined,
51
- src: this.data.sourceUrl,
52
- segmentDurationMs: rendition.segmentDurationMs,
53
- segmentDurationsMs: rendition.segmentDurationsMs,
54
- };
55
- }
56
-
57
- get videoRendition(): VideoRendition | undefined {
58
- if (!this.data.videoRenditions || this.data.videoRenditions.length === 0) {
59
- return undefined;
60
- }
61
-
62
- const rendition = this.data.videoRenditions[0];
63
- if (!rendition) return undefined;
64
-
65
- return {
66
- id: rendition.id as RenditionId,
67
- trackId: undefined,
68
- src: this.data.sourceUrl,
69
- segmentDurationMs: rendition.segmentDurationMs,
70
- segmentDurationsMs: rendition.segmentDurationsMs,
71
- };
72
- }
73
-
74
- get templates() {
75
- return this.data.endpoints;
76
- }
77
-
78
- async fetchInitSegment(
79
- rendition: { id?: RenditionId; trackId: number | undefined; src: string },
80
- signal: AbortSignal,
81
- ) {
82
- if (!rendition.id) {
83
- throw new Error("Rendition ID is required for JIT metadata");
84
- }
85
- const url = this.urlGenerator.generateSegmentUrl(
86
- "init",
87
- rendition.id,
88
- this,
89
- );
90
-
91
- // Use unified fetch method
92
- return this.fetchMedia(url, signal);
93
- }
94
-
95
- async fetchMediaSegment(
96
- segmentId: number,
97
- rendition: { id?: RenditionId; trackId: number | undefined; src: string },
98
- ) {
99
- if (!rendition.id) {
100
- throw new Error("Rendition ID is required for JIT metadata");
101
- }
102
- const url = this.urlGenerator.generateSegmentUrl(
103
- segmentId,
104
- rendition.id,
105
- this,
106
- );
107
- return this.fetchMedia(url);
108
- }
109
-
110
- computeSegmentId(
111
- desiredSeekTimeMs: number,
112
- rendition: VideoRendition | AudioRendition,
113
- ) {
114
- // Don't request segments beyond the actual file duration
115
- // Note: seeking to exactly durationMs should be allowed (it's the last moment of the file)
116
- if (desiredSeekTimeMs > this.durationMs) {
117
- return undefined;
118
- }
119
-
120
- // Use actual segment durations if available (more accurate)
121
- if (
122
- rendition.segmentDurationsMs &&
123
- rendition.segmentDurationsMs.length > 0
124
- ) {
125
- let cumulativeTime = 0;
126
-
127
- for (let i = 0; i < rendition.segmentDurationsMs.length; i++) {
128
- const segmentDuration = rendition.segmentDurationsMs[i];
129
- if (segmentDuration === undefined) {
130
- throw new Error("Segment duration is required for JIT metadata");
131
- }
132
- const segmentStartMs = cumulativeTime;
133
- const segmentEndMs = cumulativeTime + segmentDuration;
134
-
135
- // Check if the desired seek time falls within this segment
136
- // Special case: for the last segment, include the exact end time
137
- const isLastSegment = i === rendition.segmentDurationsMs.length - 1;
138
- const includesEndTime =
139
- isLastSegment && desiredSeekTimeMs === this.durationMs;
140
-
141
- if (
142
- desiredSeekTimeMs >= segmentStartMs &&
143
- (desiredSeekTimeMs < segmentEndMs || includesEndTime)
144
- ) {
145
- return i + 1; // Convert 0-based to 1-based segment ID
146
- }
147
-
148
- cumulativeTime += segmentDuration;
149
-
150
- // If we've reached or exceeded file duration, stop
151
- if (cumulativeTime >= this.durationMs) {
152
- break;
153
- }
154
- }
155
-
156
- // If we didn't find a segment, return undefined
157
- return undefined;
158
- }
159
-
160
- // Fall back to fixed duration calculation for backward compatibility
161
- if (!rendition.segmentDurationMs) {
162
- throw new Error("Segment duration is required for JIT metadata");
163
- }
164
-
165
- const segmentIndex = Math.floor(
166
- desiredSeekTimeMs / rendition.segmentDurationMs,
167
- );
168
-
169
- // Calculate the actual segment start time
170
- const segmentStartMs = segmentIndex * rendition.segmentDurationMs;
171
-
172
- // If this segment would start at or beyond file duration, it doesn't exist
173
- if (segmentStartMs >= this.durationMs) {
174
- return undefined;
175
- }
176
-
177
- return segmentIndex + 1; // Convert 0-based to 1-based
178
- }
179
-
180
- getScrubVideoRendition(): VideoRendition | undefined {
181
- if (!this.data.videoRenditions) return undefined;
182
-
183
- const scrubManifestRendition = this.data.videoRenditions.find(
184
- (r) => r.id === "scrub",
185
- );
186
-
187
- if (!scrubManifestRendition) return this.videoRendition; // Fallback to main
188
-
189
- return {
190
- id: scrubManifestRendition.id as any,
191
- trackId: undefined,
192
- src: this.src,
193
- segmentDurationMs: scrubManifestRendition.segmentDurationMs,
194
- segmentDurationsMs: scrubManifestRendition.segmentDurationsMs,
195
- };
196
- }
197
-
198
- /**
199
- * Get preferred buffer configuration for JIT transcoding
200
- * Uses higher buffering since transcoding introduces latency
201
- */
202
- getBufferConfig() {
203
- return {
204
- // Buffer more aggressively for JIT transcoding to smooth over latency
205
- videoBufferDurationMs: 8000,
206
- audioBufferDurationMs: 8000,
207
- maxVideoBufferFetches: 3,
208
- maxAudioBufferFetches: 3,
209
- bufferThresholdMs: 30000, // Timeline-aware buffering threshold
210
- };
211
- }
212
-
213
- /**
214
- * Extract thumbnail canvases using same rendition priority as video playback for frame alignment
215
- */
216
- async extractThumbnails(
217
- timestamps: number[],
218
- ): Promise<(ThumbnailResult | null)[]> {
219
- // Use same rendition priority as video: try main rendition first for frame alignment
220
- let rendition: VideoRendition;
221
- try {
222
- const mainRendition = this.getVideoRendition();
223
- if (mainRendition) {
224
- rendition = mainRendition;
225
- } else {
226
- const scrubRendition = this.getScrubVideoRendition();
227
- if (scrubRendition) {
228
- rendition = scrubRendition;
229
- } else {
230
- throw new Error("No video rendition available");
231
- }
232
- }
233
- } catch (error) {
234
- console.warn(
235
- "JitMediaEngine: No video rendition available for thumbnails",
236
- error,
237
- );
238
- return timestamps.map(() => null);
239
- }
240
-
241
- // Use shared thumbnail extraction logic
242
- return this.thumbnailExtractor.extractThumbnails(
243
- timestamps,
244
- rendition,
245
- this.durationMs,
246
- );
247
- }
248
-
249
- convertToSegmentRelativeTimestamps(
250
- globalTimestamps: number[],
251
- _segmentId: number,
252
- _rendition: VideoRendition,
253
- ): number[] {
254
- return globalTimestamps.map((timestamp) => timestamp / 1000);
255
- }
256
- }