@motion-script/web 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.
Files changed (262) hide show
  1. package/README.md +47 -0
  2. package/dist/audio/player.d.ts +43 -0
  3. package/dist/audio/player.d.ts.map +1 -0
  4. package/dist/audio/player.js +165 -0
  5. package/dist/audio/player.js.map +1 -0
  6. package/dist/effects/bloom.d.ts +19 -0
  7. package/dist/effects/bloom.d.ts.map +1 -0
  8. package/dist/effects/bloom.js +64 -0
  9. package/dist/effects/bloom.js.map +1 -0
  10. package/dist/effects/blur.d.ts +8 -0
  11. package/dist/effects/blur.d.ts.map +1 -0
  12. package/dist/effects/blur.js +12 -0
  13. package/dist/effects/blur.js.map +1 -0
  14. package/dist/effects/bulge-pinch.d.ts +20 -0
  15. package/dist/effects/bulge-pinch.d.ts.map +1 -0
  16. package/dist/effects/bulge-pinch.js +86 -0
  17. package/dist/effects/bulge-pinch.js.map +1 -0
  18. package/dist/effects/chromatic-aberration.d.ts +19 -0
  19. package/dist/effects/chromatic-aberration.d.ts.map +1 -0
  20. package/dist/effects/chromatic-aberration.js +59 -0
  21. package/dist/effects/chromatic-aberration.js.map +1 -0
  22. package/dist/effects/effect.d.ts +32 -0
  23. package/dist/effects/effect.d.ts.map +1 -0
  24. package/dist/effects/effect.js +22 -0
  25. package/dist/effects/effect.js.map +1 -0
  26. package/dist/effects/grayscale.d.ts +12 -0
  27. package/dist/effects/grayscale.d.ts.map +1 -0
  28. package/dist/effects/grayscale.js +31 -0
  29. package/dist/effects/grayscale.js.map +1 -0
  30. package/dist/effects/index.d.ts +13 -0
  31. package/dist/effects/index.d.ts.map +1 -0
  32. package/dist/effects/index.js +13 -0
  33. package/dist/effects/index.js.map +1 -0
  34. package/dist/effects/pixelate.d.ts +23 -0
  35. package/dist/effects/pixelate.d.ts.map +1 -0
  36. package/dist/effects/pixelate.js +37 -0
  37. package/dist/effects/pixelate.js.map +1 -0
  38. package/dist/effects/registry.d.ts +17 -0
  39. package/dist/effects/registry.d.ts.map +1 -0
  40. package/dist/effects/registry.js +56 -0
  41. package/dist/effects/registry.js.map +1 -0
  42. package/dist/effects/sksl-cache.d.ts +6 -0
  43. package/dist/effects/sksl-cache.d.ts.map +1 -0
  44. package/dist/effects/sksl-cache.js +21 -0
  45. package/dist/effects/sksl-cache.js.map +1 -0
  46. package/dist/effects/sksl-layer.d.ts +30 -0
  47. package/dist/effects/sksl-layer.d.ts.map +1 -0
  48. package/dist/effects/sksl-layer.js +82 -0
  49. package/dist/effects/sksl-layer.js.map +1 -0
  50. package/dist/effects/texture.d.ts +31 -0
  51. package/dist/effects/texture.d.ts.map +1 -0
  52. package/dist/effects/texture.js +66 -0
  53. package/dist/effects/texture.js.map +1 -0
  54. package/dist/effects/vintage.d.ts +20 -0
  55. package/dist/effects/vintage.d.ts.map +1 -0
  56. package/dist/effects/vintage.js +47 -0
  57. package/dist/effects/vintage.js.map +1 -0
  58. package/dist/effects/zoom.d.ts +20 -0
  59. package/dist/effects/zoom.d.ts.map +1 -0
  60. package/dist/effects/zoom.js +65 -0
  61. package/dist/effects/zoom.js.map +1 -0
  62. package/dist/exporter.d.ts +24 -0
  63. package/dist/exporter.d.ts.map +1 -0
  64. package/dist/exporter.js +177 -0
  65. package/dist/exporter.js.map +1 -0
  66. package/dist/fills/conic-gradient.d.ts +12 -0
  67. package/dist/fills/conic-gradient.d.ts.map +1 -0
  68. package/dist/fills/conic-gradient.js +44 -0
  69. package/dist/fills/conic-gradient.js.map +1 -0
  70. package/dist/fills/filters/alpha.d.ts +9 -0
  71. package/dist/fills/filters/alpha.d.ts.map +1 -0
  72. package/dist/fills/filters/alpha.js +21 -0
  73. package/dist/fills/filters/alpha.js.map +1 -0
  74. package/dist/fills/filters/blur.d.ts +9 -0
  75. package/dist/fills/filters/blur.d.ts.map +1 -0
  76. package/dist/fills/filters/blur.js +12 -0
  77. package/dist/fills/filters/blur.js.map +1 -0
  78. package/dist/fills/filters/color-adjustment.d.ts +14 -0
  79. package/dist/fills/filters/color-adjustment.d.ts.map +1 -0
  80. package/dist/fills/filters/color-adjustment.js +147 -0
  81. package/dist/fills/filters/color-adjustment.js.map +1 -0
  82. package/dist/fills/filters/color-matrix.d.ts +9 -0
  83. package/dist/fills/filters/color-matrix.d.ts.map +1 -0
  84. package/dist/fills/filters/color-matrix.js +14 -0
  85. package/dist/fills/filters/color-matrix.js.map +1 -0
  86. package/dist/fills/filters/curves.d.ts +9 -0
  87. package/dist/fills/filters/curves.d.ts.map +1 -0
  88. package/dist/fills/filters/curves.js +89 -0
  89. package/dist/fills/filters/curves.js.map +1 -0
  90. package/dist/fills/filters/exposure.d.ts +9 -0
  91. package/dist/fills/filters/exposure.d.ts.map +1 -0
  92. package/dist/fills/filters/exposure.js +22 -0
  93. package/dist/fills/filters/exposure.js.map +1 -0
  94. package/dist/fills/filters/filter.d.ts +17 -0
  95. package/dist/fills/filters/filter.d.ts.map +1 -0
  96. package/dist/fills/filters/filter.js +16 -0
  97. package/dist/fills/filters/filter.js.map +1 -0
  98. package/dist/fills/filters/grayscale.d.ts +9 -0
  99. package/dist/fills/filters/grayscale.d.ts.map +1 -0
  100. package/dist/fills/filters/grayscale.js +25 -0
  101. package/dist/fills/filters/grayscale.js.map +1 -0
  102. package/dist/fills/filters/registry.d.ts +16 -0
  103. package/dist/fills/filters/registry.d.ts.map +1 -0
  104. package/dist/fills/filters/registry.js +50 -0
  105. package/dist/fills/filters/registry.js.map +1 -0
  106. package/dist/fills/gradient-cache.d.ts +29 -0
  107. package/dist/fills/gradient-cache.d.ts.map +1 -0
  108. package/dist/fills/gradient-cache.js +57 -0
  109. package/dist/fills/gradient-cache.js.map +1 -0
  110. package/dist/fills/handler.d.ts +49 -0
  111. package/dist/fills/handler.d.ts.map +1 -0
  112. package/dist/fills/handler.js +172 -0
  113. package/dist/fills/handler.js.map +1 -0
  114. package/dist/fills/image.d.ts +34 -0
  115. package/dist/fills/image.d.ts.map +1 -0
  116. package/dist/fills/image.js +91 -0
  117. package/dist/fills/image.js.map +1 -0
  118. package/dist/fills/linear-gradient.d.ts +12 -0
  119. package/dist/fills/linear-gradient.d.ts.map +1 -0
  120. package/dist/fills/linear-gradient.js +48 -0
  121. package/dist/fills/linear-gradient.js.map +1 -0
  122. package/dist/fills/noise.d.ts +11 -0
  123. package/dist/fills/noise.d.ts.map +1 -0
  124. package/dist/fills/noise.js +82 -0
  125. package/dist/fills/noise.js.map +1 -0
  126. package/dist/fills/radial-gradient.d.ts +9 -0
  127. package/dist/fills/radial-gradient.d.ts.map +1 -0
  128. package/dist/fills/radial-gradient.js +43 -0
  129. package/dist/fills/radial-gradient.js.map +1 -0
  130. package/dist/fills/registry.d.ts +10 -0
  131. package/dist/fills/registry.d.ts.map +1 -0
  132. package/dist/fills/registry.js +34 -0
  133. package/dist/fills/registry.js.map +1 -0
  134. package/dist/fills/renderer.d.ts +24 -0
  135. package/dist/fills/renderer.d.ts.map +1 -0
  136. package/dist/fills/renderer.js +5 -0
  137. package/dist/fills/renderer.js.map +1 -0
  138. package/dist/fills/solid.d.ts +7 -0
  139. package/dist/fills/solid.d.ts.map +1 -0
  140. package/dist/fills/solid.js +13 -0
  141. package/dist/fills/solid.js.map +1 -0
  142. package/dist/fills/stripe.d.ts +7 -0
  143. package/dist/fills/stripe.d.ts.map +1 -0
  144. package/dist/fills/stripe.js +85 -0
  145. package/dist/fills/stripe.js.map +1 -0
  146. package/dist/fills/video.d.ts +6 -0
  147. package/dist/fills/video.d.ts.map +1 -0
  148. package/dist/fills/video.js +14 -0
  149. package/dist/fills/video.js.map +1 -0
  150. package/dist/font-style.d.ts +23 -0
  151. package/dist/font-style.d.ts.map +1 -0
  152. package/dist/font-style.js +34 -0
  153. package/dist/font-style.js.map +1 -0
  154. package/dist/getter.d.ts +9 -0
  155. package/dist/getter.d.ts.map +1 -0
  156. package/dist/getter.js +26 -0
  157. package/dist/getter.js.map +1 -0
  158. package/dist/index.d.ts +9 -0
  159. package/dist/index.d.ts.map +1 -0
  160. package/dist/index.js +11 -0
  161. package/dist/index.js.map +1 -0
  162. package/dist/master-clock.d.ts +42 -0
  163. package/dist/master-clock.d.ts.map +1 -0
  164. package/dist/master-clock.js +134 -0
  165. package/dist/master-clock.js.map +1 -0
  166. package/dist/measure-scope.d.ts +14 -0
  167. package/dist/measure-scope.d.ts.map +1 -0
  168. package/dist/measure-scope.js +29 -0
  169. package/dist/measure-scope.js.map +1 -0
  170. package/dist/render-context.d.ts +107 -0
  171. package/dist/render-context.d.ts.map +1 -0
  172. package/dist/render-context.js +940 -0
  173. package/dist/render-context.js.map +1 -0
  174. package/dist/shapes/alpha-contour.d.ts +27 -0
  175. package/dist/shapes/alpha-contour.d.ts.map +1 -0
  176. package/dist/shapes/alpha-contour.js +330 -0
  177. package/dist/shapes/alpha-contour.js.map +1 -0
  178. package/dist/shapes/base.d.ts +46 -0
  179. package/dist/shapes/base.d.ts.map +1 -0
  180. package/dist/shapes/base.js +95 -0
  181. package/dist/shapes/base.js.map +1 -0
  182. package/dist/shapes/boolean.d.ts +28 -0
  183. package/dist/shapes/boolean.d.ts.map +1 -0
  184. package/dist/shapes/boolean.js +90 -0
  185. package/dist/shapes/boolean.js.map +1 -0
  186. package/dist/shapes/ellipse.d.ts +32 -0
  187. package/dist/shapes/ellipse.d.ts.map +1 -0
  188. package/dist/shapes/ellipse.js +50 -0
  189. package/dist/shapes/ellipse.js.map +1 -0
  190. package/dist/shapes/image.d.ts +66 -0
  191. package/dist/shapes/image.d.ts.map +1 -0
  192. package/dist/shapes/image.js +214 -0
  193. package/dist/shapes/image.js.map +1 -0
  194. package/dist/shapes/index.d.ts +67 -0
  195. package/dist/shapes/index.d.ts.map +1 -0
  196. package/dist/shapes/index.js +297 -0
  197. package/dist/shapes/index.js.map +1 -0
  198. package/dist/shapes/line.d.ts +25 -0
  199. package/dist/shapes/line.d.ts.map +1 -0
  200. package/dist/shapes/line.js +87 -0
  201. package/dist/shapes/line.js.map +1 -0
  202. package/dist/shapes/mask.d.ts +28 -0
  203. package/dist/shapes/mask.d.ts.map +1 -0
  204. package/dist/shapes/mask.js +106 -0
  205. package/dist/shapes/mask.js.map +1 -0
  206. package/dist/shapes/paragraph-layout.d.ts +64 -0
  207. package/dist/shapes/paragraph-layout.d.ts.map +1 -0
  208. package/dist/shapes/paragraph-layout.js +156 -0
  209. package/dist/shapes/paragraph-layout.js.map +1 -0
  210. package/dist/shapes/path.d.ts +29 -0
  211. package/dist/shapes/path.d.ts.map +1 -0
  212. package/dist/shapes/path.js +71 -0
  213. package/dist/shapes/path.js.map +1 -0
  214. package/dist/shapes/polygon.d.ts +33 -0
  215. package/dist/shapes/polygon.d.ts.map +1 -0
  216. package/dist/shapes/polygon.js +86 -0
  217. package/dist/shapes/polygon.js.map +1 -0
  218. package/dist/shapes/polygram.d.ts +34 -0
  219. package/dist/shapes/polygram.d.ts.map +1 -0
  220. package/dist/shapes/polygram.js +90 -0
  221. package/dist/shapes/polygram.js.map +1 -0
  222. package/dist/shapes/rect.d.ts +41 -0
  223. package/dist/shapes/rect.d.ts.map +1 -0
  224. package/dist/shapes/rect.js +111 -0
  225. package/dist/shapes/rect.js.map +1 -0
  226. package/dist/shapes/richtext.d.ts +28 -0
  227. package/dist/shapes/richtext.d.ts.map +1 -0
  228. package/dist/shapes/richtext.js +32 -0
  229. package/dist/shapes/richtext.js.map +1 -0
  230. package/dist/shapes/shape-handler.d.ts +79 -0
  231. package/dist/shapes/shape-handler.d.ts.map +1 -0
  232. package/dist/shapes/shape-handler.js +304 -0
  233. package/dist/shapes/shape-handler.js.map +1 -0
  234. package/dist/shapes/text.d.ts +13 -0
  235. package/dist/shapes/text.d.ts.map +1 -0
  236. package/dist/shapes/text.js +67 -0
  237. package/dist/shapes/text.js.map +1 -0
  238. package/dist/shapes/trim.d.ts +10 -0
  239. package/dist/shapes/trim.d.ts.map +1 -0
  240. package/dist/shapes/trim.js +49 -0
  241. package/dist/shapes/trim.js.map +1 -0
  242. package/dist/storage-adapter.d.ts +56 -0
  243. package/dist/storage-adapter.d.ts.map +1 -0
  244. package/dist/storage-adapter.js +188 -0
  245. package/dist/storage-adapter.js.map +1 -0
  246. package/dist/stroke/index.d.ts +34 -0
  247. package/dist/stroke/index.d.ts.map +1 -0
  248. package/dist/stroke/index.js +360 -0
  249. package/dist/stroke/index.js.map +1 -0
  250. package/dist/stroke/stroke-handler.d.ts +45 -0
  251. package/dist/stroke/stroke-handler.d.ts.map +1 -0
  252. package/dist/stroke/stroke-handler.js +371 -0
  253. package/dist/stroke/stroke-handler.js.map +1 -0
  254. package/dist/video/extract.d.ts +54 -0
  255. package/dist/video/extract.d.ts.map +1 -0
  256. package/dist/video/extract.js +192 -0
  257. package/dist/video/extract.js.map +1 -0
  258. package/dist/video/extract.worker.d.ts +50 -0
  259. package/dist/video/extract.worker.d.ts.map +1 -0
  260. package/dist/video/extract.worker.js +224 -0
  261. package/dist/video/extract.worker.js.map +1 -0
  262. package/package.json +57 -0
@@ -0,0 +1,50 @@
1
+ /**
2
+ * Worker protocol — one `open` per video src; many `decode-range`s during
3
+ * playback; `cancel-range` to abort an in-flight decode (e.g. when the
4
+ * playhead jumps); `close` to release the source.
5
+ */
6
+ export type ExtractWorkerRequest = {
7
+ type: "open";
8
+ jobId: number;
9
+ src: string | Blob;
10
+ targetWidth?: number;
11
+ targetHeight?: number;
12
+ } | {
13
+ type: "decode-range";
14
+ jobId: number;
15
+ generation: number;
16
+ startSeconds: number;
17
+ endSeconds: number;
18
+ fps: number;
19
+ skipBeforeTsUs?: number;
20
+ skipAfterTsUs?: number;
21
+ } | {
22
+ type: "cancel-range";
23
+ jobId: number;
24
+ } | {
25
+ type: "close";
26
+ jobId: number;
27
+ };
28
+ export type ExtractWorkerEvent = {
29
+ type: "opened";
30
+ jobId: number;
31
+ sourceWidth: number;
32
+ sourceHeight: number;
33
+ } | {
34
+ type: "frame";
35
+ jobId: number;
36
+ generation: number;
37
+ tsUs: number;
38
+ bitmap: ImageBitmap;
39
+ width: number;
40
+ height: number;
41
+ } | {
42
+ type: "range-done";
43
+ jobId: number;
44
+ generation: number;
45
+ } | {
46
+ type: "error";
47
+ jobId: number;
48
+ message: string;
49
+ };
50
+ //# sourceMappingURL=extract.worker.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"extract.worker.d.ts","sourceRoot":"","sources":["../../src/video/extract.worker.ts"],"names":[],"mappings":"AAYA;;;;GAIG;AACH,MAAM,MAAM,oBAAoB,GAC1B;IACE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB,GACC;IACE,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,GACC;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GACvC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvC,MAAM,MAAM,kBAAkB,GACxB;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;CACxB,GACC;IACE,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB,GACC;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,GACzD;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC"}
@@ -0,0 +1,224 @@
1
+ /// <reference lib="webworker" />
2
+ import { ALL_FORMATS, Input, UrlSource, BlobSource, VideoSampleSink, } from "mediabunny";
3
+ const jobs = new Map();
4
+ self.addEventListener("message", (event) => {
5
+ const msg = event.data;
6
+ if (msg.type === "open")
7
+ void handleOpen(msg);
8
+ else if (msg.type === "decode-range")
9
+ void handleDecodeRange(msg);
10
+ else if (msg.type === "cancel-range")
11
+ handleCancelRange(msg);
12
+ else if (msg.type === "close")
13
+ void handleClose(msg);
14
+ });
15
+ async function handleOpen(req) {
16
+ const { jobId, src, targetWidth, targetHeight } = req;
17
+ try {
18
+ const input = new Input({
19
+ formats: ALL_FORMATS,
20
+ source: typeof src === "string" ? new UrlSource(src) : new BlobSource(src),
21
+ });
22
+ const track = await pickContentVideoTrack(input);
23
+ if (!track) {
24
+ input.dispose();
25
+ post({ type: "error", jobId, message: "No video track in source" });
26
+ return;
27
+ }
28
+ const sink = new VideoSampleSink(track);
29
+ const sourceWidth = track.displayWidth;
30
+ const sourceHeight = track.displayHeight;
31
+ // Clamp the offscreen canvas to whichever is smaller — the requested
32
+ // target or the source. There's no point making it bigger than the
33
+ // source resolution; that just wastes texture memory.
34
+ const tw = targetWidth && targetWidth > 0 ? Math.min(targetWidth, sourceWidth) : sourceWidth;
35
+ const th = targetHeight && targetHeight > 0 ? Math.min(targetHeight, sourceHeight) : sourceHeight;
36
+ const canvas = new OffscreenCanvas(tw, th);
37
+ // willReadFrequently is *deliberately* not set — we never read pixels
38
+ // back to the CPU. The canvas stays GPU-resident so drawImage scales
39
+ // on the GPU and transferToImageBitmap is essentially zero-copy.
40
+ const ctx = canvas.getContext("2d", { alpha: false });
41
+ if (!ctx) {
42
+ input.dispose();
43
+ post({ type: "error", jobId, message: "Could not get 2D context" });
44
+ return;
45
+ }
46
+ jobs.set(jobId, {
47
+ input,
48
+ sink,
49
+ sourceWidth,
50
+ sourceHeight,
51
+ targetWidth: tw,
52
+ targetHeight: th,
53
+ canvas,
54
+ ctx,
55
+ generation: 0,
56
+ running: Promise.resolve(),
57
+ });
58
+ post({ type: "opened", jobId, sourceWidth: tw, sourceHeight: th });
59
+ }
60
+ catch (err) {
61
+ post({
62
+ type: "error",
63
+ jobId,
64
+ message: err instanceof Error ? err.message : String(err),
65
+ });
66
+ }
67
+ }
68
+ async function handleDecodeRange(req) {
69
+ const job = jobs.get(req.jobId);
70
+ if (!job) {
71
+ post({ type: "error", jobId: req.jobId, message: "decode-range for unknown job" });
72
+ return;
73
+ }
74
+ const gen = ++job.generation;
75
+ // Await whatever was previously running so a) the decoder isn't pumped
76
+ // by two iterators at once and b) the new range starts from a clean slate.
77
+ const prev = job.running;
78
+ const next = (async () => {
79
+ await prev;
80
+ if (gen !== job.generation)
81
+ return;
82
+ await runRange(job, gen, req);
83
+ })();
84
+ job.running = next;
85
+ await next;
86
+ }
87
+ function handleCancelRange(req) {
88
+ const job = jobs.get(req.jobId);
89
+ if (!job)
90
+ return;
91
+ // Bumping generation is enough — the running loop checks on each yield.
92
+ job.generation++;
93
+ }
94
+ async function handleClose(req) {
95
+ const job = jobs.get(req.jobId);
96
+ if (!job)
97
+ return;
98
+ job.generation++;
99
+ try {
100
+ await job.running;
101
+ }
102
+ catch { /* ignore */ }
103
+ job.input.dispose();
104
+ jobs.delete(req.jobId);
105
+ }
106
+ async function runRange(job, gen, req) {
107
+ const { jobId, startSeconds, endSeconds, fps, skipBeforeTsUs, skipAfterTsUs } = req;
108
+ try {
109
+ if (!(endSeconds > startSeconds)) {
110
+ post({ type: "range-done", jobId, generation: gen });
111
+ return;
112
+ }
113
+ const timestamps = buildTimestamps(startSeconds, endSeconds, fps);
114
+ if (timestamps.length === 0) {
115
+ post({ type: "range-done", jobId, generation: gen });
116
+ return;
117
+ }
118
+ // mediabunny prefers monotonic timestamps for one-pass decoding —
119
+ // buildTimestamps already produces them.
120
+ const iterator = job.sink.samplesAtTimestamps(timestamps);
121
+ try {
122
+ for await (const sample of iterator) {
123
+ if (gen !== job.generation)
124
+ break;
125
+ if (!sample)
126
+ continue;
127
+ const tsUs = Math.round(sample.timestamp * 1_000_000);
128
+ // Caller's already-cached window — skip these so we don't re-upload.
129
+ if (skipBeforeTsUs !== undefined && skipAfterTsUs !== undefined
130
+ && tsUs >= skipBeforeTsUs && tsUs <= skipAfterTsUs) {
131
+ sample.close();
132
+ continue;
133
+ }
134
+ let bitmap;
135
+ try {
136
+ bitmap = await encodeFrame(job, sample);
137
+ }
138
+ finally {
139
+ sample.close();
140
+ }
141
+ if (gen !== job.generation) {
142
+ bitmap.close();
143
+ break;
144
+ }
145
+ post({
146
+ type: "frame",
147
+ jobId,
148
+ generation: gen,
149
+ tsUs,
150
+ bitmap,
151
+ width: job.targetWidth,
152
+ height: job.targetHeight,
153
+ }, [bitmap]);
154
+ }
155
+ }
156
+ finally {
157
+ // Force the generator to clean up (mediabunny holds decoder state).
158
+ await iterator.return?.(undefined).catch(() => { });
159
+ }
160
+ if (gen === job.generation) {
161
+ post({ type: "range-done", jobId, generation: gen });
162
+ }
163
+ }
164
+ catch (err) {
165
+ post({
166
+ type: "error",
167
+ jobId,
168
+ message: err instanceof Error ? err.message : String(err),
169
+ });
170
+ }
171
+ }
172
+ /**
173
+ * Draw the decoded sample into our pooled OffscreenCanvas and snapshot it as
174
+ * an ImageBitmap. Both the drawImage and transferToImageBitmap are
175
+ * GPU-resident in modern browsers — the bitmap is essentially a texture
176
+ * handle that gets transferred to the main thread for zero-copy upload.
177
+ */
178
+ async function encodeFrame(job, sample) {
179
+ const vf = sample.toVideoFrame();
180
+ try {
181
+ // drawImage handles scaling on the GPU.
182
+ job.ctx.drawImage(vf, 0, 0, job.targetWidth, job.targetHeight);
183
+ }
184
+ finally {
185
+ vf.close();
186
+ }
187
+ // transferToImageBitmap detaches the canvas backing; the next drawImage
188
+ // call will allocate a fresh GPU surface for the canvas. This is the
189
+ // documented zero-copy way to extract a bitmap from an OffscreenCanvas.
190
+ return job.canvas.transferToImageBitmap();
191
+ }
192
+ async function pickContentVideoTrack(input) {
193
+ const tracks = await input.getVideoTracks();
194
+ if (tracks.length <= 1)
195
+ return tracks[0] ?? null;
196
+ let best = null;
197
+ let bestDuration = -Infinity;
198
+ for (const track of tracks) {
199
+ const duration = await input.computeDuration([track]).catch(() => 0);
200
+ if (duration > bestDuration) {
201
+ bestDuration = duration;
202
+ best = track;
203
+ }
204
+ }
205
+ return best;
206
+ }
207
+ function buildTimestamps(startSeconds, endSeconds, fps) {
208
+ const step = 1 / fps;
209
+ const start = Math.max(0, startSeconds);
210
+ const out = [];
211
+ const firstTick = Math.ceil(start * fps);
212
+ const lastTick = Math.floor(endSeconds * fps);
213
+ for (let tick = firstTick; tick <= lastTick; tick++) {
214
+ out.push(tick * step);
215
+ }
216
+ if (out.length === 0 || out[0] > start) {
217
+ out.unshift(start);
218
+ }
219
+ return out;
220
+ }
221
+ function post(message, transfer) {
222
+ self.postMessage(message, transfer ?? []);
223
+ }
224
+ //# sourceMappingURL=extract.worker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"extract.worker.js","sourceRoot":"","sources":["../../src/video/extract.worker.ts"],"names":[],"mappings":"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"}
package/package.json ADDED
@@ -0,0 +1,57 @@
1
+ {
2
+ "name": "@motion-script/web",
3
+ "version": "0.1.0",
4
+ "type": "module",
5
+ "description": "Browser rendering backend for Motion Script, powered by Skia/CanvasKit.",
6
+ "sideEffects": false,
7
+ "keywords": [],
8
+ "license": "Apache-2.0",
9
+ "publishConfig": {
10
+ "access": "public"
11
+ },
12
+ "main": "dist/index.js",
13
+ "types": "dist/index.d.ts",
14
+ "files": [
15
+ "dist"
16
+ ],
17
+ "exports": {
18
+ ".": {
19
+ "types": "./dist/index.d.ts",
20
+ "default": "./dist/index.js"
21
+ }
22
+ },
23
+ "scripts": {
24
+ "build": "eslint . && tsc -b tsconfig.build.json && tsc-alias -p tsconfig.build.json",
25
+ "dev": "concurrently \"tsc -b tsconfig.build.json --watch\" \"tsc-alias -p tsconfig.build.json -w\"",
26
+ "clean": "rimraf dist .turbo && tsc -b tsconfig.build.json --clean",
27
+ "test": "vitest",
28
+ "lint": "eslint .",
29
+ "typecheck": "tsc --noEmit"
30
+ },
31
+ "peerDependencies": {
32
+ "@motion-script/canvaskit": "workspace:*",
33
+ "@motion-script/core": "workspace:*"
34
+ },
35
+ "peerDependenciesMeta": {
36
+ "@motion-script/canvaskit": {
37
+ "optional": true
38
+ }
39
+ },
40
+ "devDependencies": {
41
+ "@motion-script/canvaskit": "workspace:*",
42
+ "@vitest/browser": "^4.1.7",
43
+ "@vitest/browser-playwright": "^4.1.7",
44
+ "concurrently": "catalog:",
45
+ "eslint": "^9.39.4",
46
+ "eslint-import-resolver-typescript": "^4.4.4",
47
+ "eslint-plugin-import-x": "^4.16.1",
48
+ "playwright": "^1.60.0",
49
+ "tsc-alias": "catalog:",
50
+ "typescript": "catalog:",
51
+ "typescript-eslint": "^8.48.0",
52
+ "vitest": "catalog:"
53
+ },
54
+ "dependencies": {
55
+ "mediabunny": "^1.40.1"
56
+ }
57
+ }