@editframe/elements 0.12.0-beta.2 → 0.12.0-beta.20

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 (92) hide show
  1. package/dist/elements/EFAudio.d.ts +1 -1
  2. package/dist/elements/EFCaptions.d.ts +5 -5
  3. package/dist/elements/EFImage.d.ts +1 -1
  4. package/dist/elements/EFMedia.browsertest.d.ts +1 -1
  5. package/dist/elements/EFMedia.d.ts +1 -2
  6. package/dist/elements/{src/elements/EFMedia.js → EFMedia.js} +72 -15
  7. package/dist/elements/EFTemporal.browsertest.d.ts +1 -1
  8. package/dist/elements/EFTemporal.d.ts +4 -1
  9. package/dist/elements/{src/elements/EFTemporal.js → EFTemporal.js} +3 -0
  10. package/dist/elements/EFTimegroup.browsertest.d.ts +2 -2
  11. package/dist/elements/EFTimegroup.d.ts +3 -3
  12. package/dist/elements/EFVideo.d.ts +1 -1
  13. package/dist/elements/{src/elements/EFVideo.js → EFVideo.js} +10 -2
  14. package/dist/elements/EFWaveform.d.ts +7 -4
  15. package/dist/elements/{src/elements/EFWaveform.js → EFWaveform.js} +48 -56
  16. package/dist/elements/TimegroupController.d.ts +2 -2
  17. package/dist/elements/util.d.ts +1 -1
  18. package/dist/gui/ContextMixin.browsertest.d.ts +1 -1
  19. package/dist/gui/ContextMixin.d.ts +1 -1
  20. package/dist/{elements/src/gui → gui}/ContextMixin.js +8 -4
  21. package/dist/gui/EFFilmstrip.d.ts +7 -7
  22. package/dist/gui/EFPreview.d.ts +1 -1
  23. package/dist/{elements/src/gui → gui}/EFPreview.js +3 -1
  24. package/dist/gui/EFScrubber.d.ts +1 -1
  25. package/dist/gui/EFTimeDisplay.d.ts +1 -1
  26. package/dist/gui/EFToggleLoop.d.ts +1 -1
  27. package/dist/gui/EFTogglePlay.d.ts +1 -3
  28. package/dist/{elements/src/gui → gui}/EFTogglePlay.js +1 -9
  29. package/dist/gui/EFWorkbench.d.ts +1 -1
  30. package/dist/{elements/src/gui → gui}/TWMixin.css.js +1 -1
  31. package/dist/gui/efContext.d.ts +1 -1
  32. package/dist/index.d.ts +14 -14
  33. package/package.json +5 -4
  34. package/src/elements/EFAudio.ts +3 -3
  35. package/src/elements/EFCaptions.browsertest.ts +3 -3
  36. package/src/elements/EFCaptions.ts +9 -9
  37. package/src/elements/EFImage.browsertest.ts +2 -2
  38. package/src/elements/EFImage.ts +4 -4
  39. package/src/elements/EFMedia.browsertest.ts +7 -5
  40. package/src/elements/EFMedia.ts +91 -19
  41. package/src/elements/EFSourceMixin.ts +3 -3
  42. package/src/elements/EFTemporal.browsertest.ts +1 -1
  43. package/src/elements/EFTemporal.ts +9 -3
  44. package/src/elements/EFTimegroup.browsertest.ts +5 -5
  45. package/src/elements/EFTimegroup.ts +6 -6
  46. package/src/elements/EFVideo.ts +15 -4
  47. package/src/elements/EFWaveform.ts +82 -98
  48. package/src/elements/FetchMixin.ts +2 -2
  49. package/src/elements/TimegroupController.ts +2 -2
  50. package/src/elements/durationConverter.ts +1 -1
  51. package/src/elements/util.ts +1 -1
  52. package/src/gui/ContextMixin.browsertest.ts +3 -3
  53. package/src/gui/ContextMixin.ts +18 -12
  54. package/src/gui/EFFilmstrip.ts +15 -15
  55. package/src/gui/EFPreview.ts +5 -3
  56. package/src/gui/EFScrubber.ts +3 -3
  57. package/src/gui/EFTimeDisplay.ts +2 -2
  58. package/src/gui/EFToggleLoop.ts +4 -4
  59. package/src/gui/EFTogglePlay.ts +4 -10
  60. package/src/gui/EFWorkbench.ts +2 -2
  61. package/src/gui/efContext.ts +1 -1
  62. package/dist/assets/src/EncodedAsset.js +0 -560
  63. package/dist/assets/src/MP4File.js +0 -172
  64. package/dist/assets/src/memoize.js +0 -14
  65. package/dist/elements/src/elements/util.js +0 -11
  66. package/dist/{elements/src/EF_FRAMEGEN.js → EF_FRAMEGEN.js} +0 -0
  67. package/dist/{elements/src/EF_INTERACTIVE.js → EF_INTERACTIVE.js} +0 -0
  68. package/dist/{elements/src/EF_RENDERING.js → EF_RENDERING.js} +0 -0
  69. package/dist/elements/{src/elements/CrossUpdateController.js → CrossUpdateController.js} +0 -0
  70. package/dist/elements/{src/elements/EFAudio.js → EFAudio.js} +2 -2
  71. package/dist/elements/{src/elements/EFCaptions.js → EFCaptions.js} +0 -0
  72. package/dist/elements/{src/elements/EFImage.js → EFImage.js} +0 -0
  73. package/dist/elements/{src/elements/EFSourceMixin.js → EFSourceMixin.js} +1 -1
  74. package/dist/elements/{src/elements/EFTimegroup.js → EFTimegroup.js} +0 -0
  75. package/dist/elements/{src/elements/FetchMixin.js → FetchMixin.js} +0 -0
  76. package/dist/elements/{src/elements/TimegroupController.js → TimegroupController.js} +0 -0
  77. package/dist/elements/{src/elements/durationConverter.js → durationConverter.js} +0 -0
  78. package/dist/elements/{src/elements/parseTimeToMs.js → parseTimeToMs.js} +0 -0
  79. package/dist/{elements/src/gui → gui}/EFFilmstrip.js +0 -0
  80. package/dist/{elements/src/gui → gui}/EFScrubber.js +0 -0
  81. package/dist/{elements/src/gui → gui}/EFTimeDisplay.js +0 -0
  82. package/dist/{elements/src/gui → gui}/EFToggleLoop.js +1 -1
  83. /package/dist/{elements/src/gui → gui}/EFWorkbench.js +0 -0
  84. /package/dist/{elements/src/gui → gui}/TWMixin.js +0 -0
  85. /package/dist/{elements/src/gui → gui}/apiHostContext.js +0 -0
  86. /package/dist/{elements/src/gui → gui}/efContext.js +0 -0
  87. /package/dist/{elements/src/gui → gui}/fetchContext.js +0 -0
  88. /package/dist/{elements/src/gui → gui}/focusContext.js +0 -0
  89. /package/dist/{elements/src/gui → gui}/focusedElementContext.js +0 -0
  90. /package/dist/{elements/src/gui → gui}/playingContext.js +0 -0
  91. /package/dist/{elements/src/index.js → index.js} +0 -0
  92. /package/dist/{elements/src/msToTimeCode.js → msToTimeCode.js} +0 -0
@@ -1,172 +0,0 @@
1
- import * as MP4Box from "mp4box";
2
- import debug from "debug";
3
- const log = debug("ef:av:mp4file");
4
- class MP4File extends MP4Box.ISOFile {
5
- constructor() {
6
- super(...arguments);
7
- this.readyPromise = new Promise((resolve, reject) => {
8
- this.onReady = () => resolve();
9
- this.onError = reject;
10
- });
11
- this.waitingForSamples = [];
12
- this._hasSeenLastSamples = false;
13
- this._arrayBufferFileStart = 0;
14
- }
15
- setSegmentOptions(id, user, options) {
16
- const trak = this.getTrackById(id);
17
- if (trak) {
18
- trak.nextSample = 0;
19
- this.fragmentedTracks.push({
20
- id,
21
- user,
22
- trak,
23
- segmentStream: null,
24
- nb_samples: "nbSamples" in options && options.nbSamples || 1e3,
25
- rapAlignement: ("rapAlignement" in options && options.rapAlignement) ?? true
26
- });
27
- }
28
- }
29
- /**
30
- * Fragments all tracks in a file into separate array buffers.
31
- */
32
- async fragmentAllTracks() {
33
- const trackBuffers = {};
34
- for await (const segment of this.fragmentIterator()) {
35
- (trackBuffers[segment.track] ??= []).push(segment.data);
36
- }
37
- return trackBuffers;
38
- }
39
- async *fragmentIterator() {
40
- await this.readyPromise;
41
- const trackInfo = {};
42
- for (const videoTrack of this.getInfo().videoTracks) {
43
- trackInfo[videoTrack.id] = { index: 0, complete: false };
44
- this.setSegmentOptions(videoTrack.id, null, {
45
- rapAlignement: true
46
- });
47
- }
48
- for (const audioTrack of this.getInfo().audioTracks) {
49
- trackInfo[audioTrack.id] = { index: 0, complete: false };
50
- const sampleRate = audioTrack.audio.sample_rate;
51
- const probablePacketSize = 1024;
52
- const probableFourSecondsOfSamples = Math.ceil(
53
- sampleRate / probablePacketSize * 4
54
- );
55
- this.setSegmentOptions(audioTrack.id, null, {
56
- nbSamples: probableFourSecondsOfSamples
57
- });
58
- }
59
- const initSegments = this.initializeSegmentation();
60
- for (const initSegment of initSegments) {
61
- yield {
62
- track: initSegment.id,
63
- segment: "init",
64
- data: initSegment.buffer,
65
- complete: false
66
- };
67
- }
68
- const fragmentStartSamples = {};
69
- let finishedReading = false;
70
- const allTracksFinished = () => {
71
- for (const fragmentedTrack of this.fragmentedTracks) {
72
- if (!trackInfo[fragmentedTrack.id]?.complete) {
73
- return false;
74
- }
75
- }
76
- return true;
77
- };
78
- while (!(finishedReading && allTracksFinished())) {
79
- for (const fragTrak of this.fragmentedTracks) {
80
- const trak = fragTrak.trak;
81
- if (trak.nextSample === void 0) {
82
- throw new Error("trak.nextSample is undefined");
83
- }
84
- if (trak.samples === void 0) {
85
- throw new Error("trak.samples is undefined");
86
- }
87
- while (trak.nextSample < trak.samples.length) {
88
- let result = void 0;
89
- const fragTrakNextSample = trak.samples[trak.nextSample];
90
- if (fragTrakNextSample) {
91
- fragmentStartSamples[fragTrak.id] ||= fragTrakNextSample;
92
- }
93
- try {
94
- result = this.createFragment(
95
- fragTrak.id,
96
- trak.nextSample,
97
- fragTrak.segmentStream
98
- );
99
- } catch (error) {
100
- console.error("Failed to createFragment", error);
101
- }
102
- if (result) {
103
- fragTrak.segmentStream = result;
104
- trak.nextSample++;
105
- } else {
106
- finishedReading = await this.waitForMoreSamples();
107
- break;
108
- }
109
- const nextSample = trak.samples[trak.nextSample];
110
- const emitSegment = (
111
- // if rapAlignement is true, we emit a fragment when we have a rap sample coming up next
112
- fragTrak.rapAlignement === true && nextSample?.is_sync || // if rapAlignement is false, we emit a fragment when we have the required number of samples
113
- !fragTrak.rapAlignement && trak.nextSample % fragTrak.nb_samples === 0 || // // if this is the last sample, we emit the fragment
114
- // finished ||
115
- // if we have more samples than the number of samples requested, we emit the fragment
116
- trak.nextSample >= trak.samples.length
117
- );
118
- if (emitSegment) {
119
- const trackInfoForFrag = trackInfo[fragTrak.id];
120
- if (!trackInfoForFrag) {
121
- throw new Error("trackInfoForFrag is undefined");
122
- }
123
- if (trak.nextSample >= trak.samples.length) {
124
- trackInfoForFrag.complete = true;
125
- }
126
- const startSample = fragmentStartSamples[fragTrak.id];
127
- const endSample = trak.samples[trak.nextSample - 1];
128
- if (!startSample || !endSample) {
129
- throw new Error("startSample or endSample is undefined");
130
- }
131
- log(
132
- `Yielding fragment #${trackInfoForFrag.index} for track=${fragTrak.id}`,
133
- `startTime=${startSample.cts}`,
134
- `endTime=${endSample.cts + endSample.duration}`
135
- );
136
- yield {
137
- track: fragTrak.id,
138
- segment: trackInfoForFrag.index,
139
- data: fragTrak.segmentStream.buffer,
140
- complete: trackInfoForFrag.complete,
141
- cts: startSample.cts,
142
- dts: startSample.dts,
143
- duration: endSample.cts - startSample.cts + endSample.duration
144
- };
145
- trackInfoForFrag.index += 1;
146
- fragTrak.segmentStream = null;
147
- delete fragmentStartSamples[fragTrak.id];
148
- }
149
- }
150
- }
151
- finishedReading = await this.waitForMoreSamples();
152
- }
153
- }
154
- waitForMoreSamples() {
155
- if (this._hasSeenLastSamples) {
156
- return Promise.resolve(true);
157
- }
158
- return new Promise((resolve) => {
159
- this.waitingForSamples.push(resolve);
160
- });
161
- }
162
- processSamples(last) {
163
- this._hasSeenLastSamples = last;
164
- for (const observer of this.waitingForSamples) {
165
- observer(last);
166
- }
167
- this.waitingForSamples = [];
168
- }
169
- }
170
- export {
171
- MP4File
172
- };
@@ -1,14 +0,0 @@
1
- const memoize = (_target, _propertyKey, descriptor) => {
2
- const get = descriptor.get;
3
- if (!get) return;
4
- const memoized = /* @__PURE__ */ new WeakMap();
5
- descriptor.get = function() {
6
- if (!memoized.has(this)) {
7
- memoized.set(this, get.call(this));
8
- }
9
- return memoized.get(this);
10
- };
11
- };
12
- export {
13
- memoize
14
- };
@@ -1,11 +0,0 @@
1
- import { EFTimegroup } from "./EFTimegroup.js";
2
- const getStartTimeMs = (element) => {
3
- const nearestTimeGroup = element.closest("ef-timegroup");
4
- if (!(nearestTimeGroup instanceof EFTimegroup)) {
5
- return 0;
6
- }
7
- return nearestTimeGroup.startTimeMs;
8
- };
9
- export {
10
- getStartTimeMs
11
- };
@@ -1,8 +1,8 @@
1
+ import { Task } from "@lit/task";
1
2
  import { html } from "lit";
2
- import { createRef, ref } from "lit/directives/ref.js";
3
3
  import { property, customElement } from "lit/decorators.js";
4
+ import { createRef, ref } from "lit/directives/ref.js";
4
5
  import { EFMedia } from "./EFMedia.js";
5
- import { Task } from "@lit/task";
6
6
  var __defProp = Object.defineProperty;
7
7
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
8
8
  var __decorateClass = (decorators, target, key, kind) => {
@@ -1,7 +1,7 @@
1
1
  import { consume } from "@lit/context";
2
- import { state } from "lit/decorators/state.js";
3
2
  import { Task } from "@lit/task";
4
3
  import { property } from "lit/decorators/property.js";
4
+ import { state } from "lit/decorators/state.js";
5
5
  import { apiHostContext } from "../gui/apiHostContext.js";
6
6
  var __defProp = Object.defineProperty;
7
7
  var __decorateClass = (decorators, target, key, kind) => {
File without changes
File without changes
File without changes
@@ -1,6 +1,6 @@
1
+ import { consume } from "@lit/context";
1
2
  import { css, LitElement, html } from "lit";
2
3
  import { customElement } from "lit/decorators.js";
3
- import { consume } from "@lit/context";
4
4
  import { efContext } from "./efContext.js";
5
5
  var __defProp = Object.defineProperty;
6
6
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes