@bendyline/squisq-video-react 1.1.2 → 1.2.0

package/dist/workers/encode.worker.js

@@ -2,6 +2,20 @@ import {
   createMp4Muxer
 } from "../chunk-LZYWP4HB.js";
 
+// src/workers/encodeParams.ts
+function bitrateForQuality(quality, width, height) {
+  const pixels = width * height;
+  const baseBitrate = pixels * 4;
+  switch (quality) {
+    case "draft":
+      return Math.round(baseBitrate * 0.5);
+    case "high":
+      return Math.round(baseBitrate * 2);
+    default:
+      return baseBitrate;
+  }
+}
+
 // src/workers/encode.worker.ts
 var backend = null;
 var cancelled = false;
@@ -66,18 +80,6 @@ function initWebCodecs(config) {
     framerate: config.fps
   });
 }
-function bitrateForQuality(quality, width, height) {
-  const pixels = width * height;
-  const baseBitrate = pixels * 4;
-  switch (quality) {
-    case "draft":
-      return Math.round(baseBitrate * 0.5);
-    case "high":
-      return Math.round(baseBitrate * 2);
-    default:
-      return baseBitrate;
-  }
-}
 async function encodeFrameWebCodecs(msg) {
   if (!videoEncoder || cancelled) {
     msg.bitmap.close();

package/dist/workers/encode.worker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/workers/encode.worker.ts"],"sourcesContent":["/**\n * Video Encoding Web Worker\n *\n * Encodes video frames to MP4 using one of two backends:\n * - **WebCodecs** (preferred): Streaming H.264 encoding via VideoEncoder + mp4-muxer.\n *   Each frame is encoded as it arrives — minimal memory footprint.\n * - **ffmpeg.wasm** (fallback): Batch encoding in ~10-second segments.\n *   Used when WebCodecs is unavailable (older browsers).\n *\n * Frames arrive as ImageBitmap (zero-copy transfer from main thread).\n */\n\nimport type {\n  MainToWorkerMessage,\n  WorkerToMainMessage,\n  InitMessage,\n  FrameMessage,\n} from './workerTypes.js';\nimport { createMp4Muxer, type Mp4MuxerHandle } from '../mp4Mux.js';\n\n// ── State ──────────────────────────────────────────────────────────\n\nlet backend: 'webcodecs' | 'ffmpeg-wasm' | null = null;\nlet cancelled = false;\n\n// WebCodecs state\nlet videoEncoder: VideoEncoder | null = null;\nlet muxer: Mp4MuxerHandle | null = null;\n\n// ffmpeg.wasm state\nlet ffmpegInstance: unknown = null;\nlet ffmpegFrames: Array<{ data: Uint8Array; index: number }> = [];\nlet ffmpegConfig: InitMessage | null = null;\n\n// Frame tracking\nlet totalFramesReceived = 0;\nlet _totalFramesEncoded = 0;\n\n// ── Helpers ────────────────────────────────────────────────────────\n\nfunction post(msg: WorkerToMainMessage, transfer?: Transferable[]) {\n  self.postMessage(msg, { transfer: transfer ?? [] });\n}\n\nfunction postProgress(percent: number, phase: string) {\n  post({ type: 'progress', percent, phase });\n}\n\nfunction postError(message: string) {\n  post({ type: 'error', message });\n}\n\n// ── Feature Detection ──────────────────────────────────────────────\n\nfunction hasWebCodecs(): boolean {\n  return typeof VideoEncoder !== 'undefined' && typeof VideoFrame !== 'undefined';\n}\n\nfunction hasSharedArrayBuffer(): boolean {\n  return typeof SharedArrayBuffer !== 'undefined';\n}\n\n/**\n * Check whether the browser's WebCodecs implementation actually supports\n * the H.264 Baseline profile we use. Linux Chromium ships without the\n * proprietary H.264 encoder, so `VideoEncoder` exists but `configure()`\n * for `avc1.*` fails asynchronously.\n */\nasync function supportsWebCodecsH264(config: InitMessage): Promise<boolean> {\n  if (!hasWebCodecs()) return false;\n  try {\n    const support = await VideoEncoder.isConfigSupported({\n      codec: 'avc1.42001f',\n      width: config.width,\n      height: config.height,\n      bitrate: bitrateForQuality(config.quality, config.width, config.height),\n      framerate: config.fps,\n    });\n    return support.supported === true;\n  } catch {\n    return false;\n  }\n}\n\n// ── WebCodecs Backend ──────────────────────────────────────────────\n\nfunction initWebCodecs(config: InitMessage) {\n  muxer = createMp4Muxer({\n    width: config.width,\n    height: config.height,\n    fps: config.fps,\n  });\n\n  videoEncoder = new VideoEncoder({\n    output(chunk, meta) {\n      if (cancelled) return;\n      muxer!.addVideoChunk(chunk, meta ?? undefined);\n      _totalFramesEncoded++;\n    },\n    error(err) {\n      postError(`WebCodecs encoder error: ${err.message}`);\n    },\n  });\n\n  // Use H.264 Baseline for maximum compatibility\n  videoEncoder.configure({\n    codec: 'avc1.42001f',\n    width: config.width,\n    height: config.height,\n    bitrate: bitrateForQuality(config.quality, config.width, config.height),\n    framerate: config.fps,\n  });\n}\n\nfunction bitrateForQuality(quality: string, width: number, height: number): number {\n  const pixels = width * height;\n  const baseBitrate = pixels * 4; // ~4 bits per pixel baseline\n  switch (quality) {\n    case 'draft':\n      return Math.round(baseBitrate * 0.5);\n    case 'high':\n      return Math.round(baseBitrate * 2);\n    default: // normal\n      return baseBitrate;\n  }\n}\n\nasync function encodeFrameWebCodecs(msg: FrameMessage) {\n  if (!videoEncoder || cancelled) {\n    msg.bitmap.close();\n    return;\n  }\n\n  const frame = new VideoFrame(msg.bitmap, { timestamp: msg.timestamp });\n  const keyFrame = msg.frameIndex % 30 === 0; // Key frame every 30 frames\n  videoEncoder.encode(frame, { keyFrame });\n  frame.close();\n  msg.bitmap.close();\n  totalFramesReceived++;\n\n  postProgress(\n    Math.round((totalFramesReceived / (totalFramesReceived + 1)) * 50),\n    `Encoding frame ${totalFramesReceived}`,\n  );\n}\n\nasync function finalizeWebCodecs() {\n  if (!videoEncoder || !muxer || cancelled) return;\n\n  postProgress(50, 'Flushing encoder…');\n  await videoEncoder.flush();\n  videoEncoder.close();\n  videoEncoder = null;\n\n  postProgress(90, 'Finalizing MP4…');\n  const buffer = muxer.finalize();\n  muxer = null;\n\n  post({ type: 'complete', data: buffer, size: buffer.byteLength }, [buffer]);\n}\n\n// ── ffmpeg.wasm Backend ────────────────────────────────────────────\n\nasync function initFfmpegWasm(config: InitMessage) {\n  ffmpegConfig = config;\n  ffmpegFrames = [];\n  totalFramesReceived = 0;\n\n  // Lazy-load ffmpeg.wasm\n  try {\n    const { FFmpeg } = await import('@ffmpeg/ffmpeg');\n    const ffmpeg = new FFmpeg();\n    await ffmpeg.load();\n    ffmpegInstance = ffmpeg;\n  } catch (err: unknown) {\n    const message = err instanceof Error ? err.message : String(err);\n    postError(\n      `Failed to load ffmpeg.wasm: ${message}. ` +\n        'Ensure @ffmpeg/ffmpeg and @ffmpeg/util are installed and ' +\n        'Cross-Origin-Isolation headers (COOP/COEP) are set.',\n    );\n  }\n}\n\nasync function encodeFrameFfmpeg(msg: FrameMessage) {\n  if (cancelled) {\n    msg.bitmap.close();\n    return;\n  }\n\n  // Convert ImageBitmap to PNG bytes via OffscreenCanvas\n  const canvas = new OffscreenCanvas(msg.bitmap.width, msg.bitmap.height);\n  const ctx = canvas.getContext('2d');\n  if (!ctx) {\n    msg.bitmap.close();\n    postError('Failed to create OffscreenCanvas 2D context');\n    return;\n  }\n  ctx.drawImage(msg.bitmap, 0, 0);\n  msg.bitmap.close();\n\n  const blob = await canvas.convertToBlob({ type: 'image/png' });\n  const arrayBuffer = await blob.arrayBuffer();\n  ffmpegFrames.push({ data: new Uint8Array(arrayBuffer), index: msg.frameIndex });\n  totalFramesReceived++;\n\n  postProgress(\n    Math.round((totalFramesReceived / (totalFramesReceived + 1)) * 40),\n    `Collecting frame ${totalFramesReceived}`,\n  );\n\n  // Batch encode every ~10 seconds worth of frames\n  const batchSize = (ffmpegConfig?.fps ?? 30) * 10;\n  if (ffmpegFrames.length >= batchSize) {\n    await encodeFfmpegBatch();\n  }\n}\n\n/** Segments already encoded as MP4 data. */\nconst ffmpegSegments: Uint8Array[] = [];\n\nasync function encodeFfmpegBatch() {\n  if (!ffmpegInstance || ffmpegFrames.length === 0 || cancelled) return;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const ffmpeg = ffmpegInstance as any;\n  const config = ffmpegConfig!;\n  const batchIndex = ffmpegSegments.length;\n\n  postProgress(40 + batchIndex * 5, `Encoding batch ${batchIndex + 1}…`);\n\n  // Write frames to virtual filesystem\n  for (const frame of ffmpegFrames) {\n    const paddedIndex = String(frame.index).padStart(6, '0');\n    await ffmpeg.writeFile(`frame_${paddedIndex}.png`, frame.data);\n  }\n\n  const firstIndex = ffmpegFrames[0].index;\n  const segmentName = `segment_${batchIndex}.mp4`;\n\n  // Encode batch to MP4 segment\n  await ffmpeg.exec([\n    '-framerate',\n    String(config.fps),\n    '-start_number',\n    String(firstIndex),\n    '-i',\n    `frame_%06d.png`,\n    '-frames:v',\n    String(ffmpegFrames.length),\n    '-c:v',\n    'libx264',\n    '-pix_fmt',\n    'yuv420p',\n    '-preset',\n    config.quality === 'draft' ? 'ultrafast' : config.quality === 'high' ? 'slow' : 'medium',\n    '-crf',\n    config.quality === 'draft' ? '28' : config.quality === 'high' ? '18' : '23',\n    segmentName,\n  ]);\n\n  // Read segment and clean up frames\n  const segmentData = await ffmpeg.readFile(segmentName);\n  ffmpegSegments.push(segmentData);\n\n  // Clean up frame files\n  for (const frame of ffmpegFrames) {\n    const paddedIndex = String(frame.index).padStart(6, '0');\n    await ffmpeg.deleteFile(`frame_${paddedIndex}.png`);\n  }\n  await ffmpeg.deleteFile(segmentName);\n\n  // Free batch memory\n  ffmpegFrames = [];\n}\n\nasync function finalizeFfmpeg() {\n  if (!ffmpegInstance || cancelled) return;\n\n  // Encode any remaining frames\n  await encodeFfmpegBatch();\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const ffmpeg = ffmpegInstance as any;\n\n  postProgress(85, 'Concatenating segments…');\n\n  let finalData: Uint8Array;\n\n  if (ffmpegSegments.length === 1) {\n    // Single segment — no concat needed\n    finalData = ffmpegSegments[0];\n  } else if (ffmpegSegments.length > 1) {\n    // Write segments and concat list\n    const concatList: string[] = [];\n    for (let i = 0; i < ffmpegSegments.length; i++) {\n      const name = `seg_${i}.mp4`;\n      await ffmpeg.writeFile(name, ffmpegSegments[i]);\n      concatList.push(`file '${name}'`);\n    }\n    await ffmpeg.writeFile('concat.txt', new TextEncoder().encode(concatList.join('\\n')));\n\n    await ffmpeg.exec([\n      '-f',\n      'concat',\n      '-safe',\n      '0',\n      '-i',\n      'concat.txt',\n      '-c',\n      'copy',\n      'output.mp4',\n    ]);\n\n    finalData = await ffmpeg.readFile('output.mp4');\n\n    // Clean up\n    for (let i = 0; i < ffmpegSegments.length; i++) {\n      await ffmpeg.deleteFile(`seg_${i}.mp4`);\n    }\n    await ffmpeg.deleteFile('concat.txt');\n    await ffmpeg.deleteFile('output.mp4');\n  } else {\n    postError('No frames were encoded');\n    return;\n  }\n\n  postProgress(95, 'Preparing download…');\n\n  // Convert Uint8Array to a transferable ArrayBuffer\n  const sliced = new Uint8Array(finalData).buffer as ArrayBuffer;\n  post({ type: 'complete', data: sliced, size: sliced.byteLength }, [sliced]);\n\n  // Clean up\n  ffmpegInstance = null;\n  ffmpegSegments.length = 0;\n}\n\n// ── Message Handler ────────────────────────────────────────────────\n\nself.onmessage = async (event: MessageEvent<MainToWorkerMessage>) => {\n  const msg = event.data;\n\n  try {\n    switch (msg.type) {\n      case 'init': {\n        cancelled = false;\n        totalFramesReceived = 0;\n        _totalFramesEncoded = 0;\n\n        if (await supportsWebCodecsH264(msg)) {\n          backend = 'webcodecs';\n          initWebCodecs(msg);\n        } else if (hasSharedArrayBuffer()) {\n          backend = 'ffmpeg-wasm';\n          await initFfmpegWasm(msg);\n        } else {\n          postError(\n            'No video encoding support available. ' +\n              'WebCodecs H.264 is unavailable (typical on Linux Chromium without proprietary codecs) ' +\n              'and ffmpeg.wasm requires SharedArrayBuffer (Cross-Origin-Isolation headers).',\n          );\n          return;\n        }\n\n        post({ type: 'capabilities', backend });\n        postProgress(0, 'Encoder ready');\n        break;\n      }\n\n      case 'frame': {\n        if (backend === 'webcodecs') {\n          await encodeFrameWebCodecs(msg);\n        } else if (backend === 'ffmpeg-wasm') {\n          await encodeFrameFfmpeg(msg);\n        }\n        break;\n      }\n\n      case 'finalize': {\n        if (backend === 'webcodecs') {\n          await finalizeWebCodecs();\n        } else if (backend === 'ffmpeg-wasm') {\n          await finalizeFfmpeg();\n        }\n        break;\n      }\n\n      case 'cancel': {\n        cancelled = true;\n        if (videoEncoder && videoEncoder.state !== 'closed') {\n          videoEncoder.close();\n          videoEncoder = null;\n        }\n        muxer = null;\n        ffmpegInstance = null;\n        ffmpegFrames = [];\n        ffmpegSegments.length = 0;\n        break;\n      }\n    }\n  } catch (err: unknown) {\n    const message = err instanceof Error ? err.message : String(err);\n    postError(message);\n  }\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/workers/encodeParams.ts","../../src/workers/encode.worker.ts"],"sourcesContent":["/**\n * Pure encoding-parameter helpers used by the encode worker.\n *\n * Kept separate from `encode.worker.ts` so they can be unit-tested directly —\n * importing the worker module wires up `self.onmessage` and pulls in the\n * WebCodecs / ffmpeg.wasm backends, none of which exist in a plain test runner.\n */\n\n/**\n * Target H.264 bitrate (bits/sec) for a given quality at a given resolution.\n * Baseline is ~4 bits per pixel; `draft` halves it and `high` doubles it.\n */\nexport function bitrateForQuality(quality: string, width: number, height: number): number {\n  const pixels = width * height;\n  const baseBitrate = pixels * 4; // ~4 bits per pixel baseline\n  switch (quality) {\n    case 'draft':\n      return Math.round(baseBitrate * 0.5);\n    case 'high':\n      return Math.round(baseBitrate * 2);\n    default: // normal\n      return baseBitrate;\n  }\n}\n","/**\n * Video Encoding Web Worker\n *\n * Encodes video frames to MP4 using one of two backends:\n * - **WebCodecs** (preferred): Streaming H.264 encoding via VideoEncoder + mp4-muxer.\n *   Each frame is encoded as it arrives — minimal memory footprint.\n * - **ffmpeg.wasm** (fallback): Batch encoding in ~10-second segments.\n *   Used when WebCodecs is unavailable (older browsers).\n *\n * Frames arrive as ImageBitmap (zero-copy transfer from main thread).\n */\n\nimport type {\n  MainToWorkerMessage,\n  WorkerToMainMessage,\n  InitMessage,\n  FrameMessage,\n} from './workerTypes.js';\nimport { createMp4Muxer, type Mp4MuxerHandle } from '../mp4Mux.js';\nimport { bitrateForQuality } from './encodeParams.js';\n\n// ── State ──────────────────────────────────────────────────────────\n\nlet backend: 'webcodecs' | 'ffmpeg-wasm' | null = null;\nlet cancelled = false;\n\n// WebCodecs state\nlet videoEncoder: VideoEncoder | null = null;\nlet muxer: Mp4MuxerHandle | null = null;\n\n// ffmpeg.wasm state\nlet ffmpegInstance: unknown = null;\nlet ffmpegFrames: Array<{ data: Uint8Array; index: number }> = [];\nlet ffmpegConfig: InitMessage | null = null;\n\n// Frame tracking\nlet totalFramesReceived = 0;\nlet _totalFramesEncoded = 0;\n\n// ── Helpers ────────────────────────────────────────────────────────\n\nfunction post(msg: WorkerToMainMessage, transfer?: Transferable[]) {\n  self.postMessage(msg, { transfer: transfer ?? [] });\n}\n\nfunction postProgress(percent: number, phase: string) {\n  post({ type: 'progress', percent, phase });\n}\n\nfunction postError(message: string) {\n  post({ type: 'error', message });\n}\n\n// ── Feature Detection ──────────────────────────────────────────────\n\nfunction hasWebCodecs(): boolean {\n  return typeof VideoEncoder !== 'undefined' && typeof VideoFrame !== 'undefined';\n}\n\nfunction hasSharedArrayBuffer(): boolean {\n  return typeof SharedArrayBuffer !== 'undefined';\n}\n\n/**\n * Check whether the browser's WebCodecs implementation actually supports\n * the H.264 Baseline profile we use. Linux Chromium ships without the\n * proprietary H.264 encoder, so `VideoEncoder` exists but `configure()`\n * for `avc1.*` fails asynchronously.\n */\nasync function supportsWebCodecsH264(config: InitMessage): Promise<boolean> {\n  if (!hasWebCodecs()) return false;\n  try {\n    const support = await VideoEncoder.isConfigSupported({\n      codec: 'avc1.42001f',\n      width: config.width,\n      height: config.height,\n      bitrate: bitrateForQuality(config.quality, config.width, config.height),\n      framerate: config.fps,\n    });\n    return support.supported === true;\n  } catch {\n    return false;\n  }\n}\n\n// ── WebCodecs Backend ──────────────────────────────────────────────\n\nfunction initWebCodecs(config: InitMessage) {\n  muxer = createMp4Muxer({\n    width: config.width,\n    height: config.height,\n    fps: config.fps,\n  });\n\n  videoEncoder = new VideoEncoder({\n    output(chunk, meta) {\n      if (cancelled) return;\n      muxer!.addVideoChunk(chunk, meta ?? undefined);\n      _totalFramesEncoded++;\n    },\n    error(err) {\n      postError(`WebCodecs encoder error: ${err.message}`);\n    },\n  });\n\n  // Use H.264 Baseline for maximum compatibility\n  videoEncoder.configure({\n    codec: 'avc1.42001f',\n    width: config.width,\n    height: config.height,\n    bitrate: bitrateForQuality(config.quality, config.width, config.height),\n    framerate: config.fps,\n  });\n}\n\nasync function encodeFrameWebCodecs(msg: FrameMessage) {\n  if (!videoEncoder || cancelled) {\n    msg.bitmap.close();\n    return;\n  }\n\n  const frame = new VideoFrame(msg.bitmap, { timestamp: msg.timestamp });\n  const keyFrame = msg.frameIndex % 30 === 0; // Key frame every 30 frames\n  videoEncoder.encode(frame, { keyFrame });\n  frame.close();\n  msg.bitmap.close();\n  totalFramesReceived++;\n\n  postProgress(\n    Math.round((totalFramesReceived / (totalFramesReceived + 1)) * 50),\n    `Encoding frame ${totalFramesReceived}`,\n  );\n}\n\nasync function finalizeWebCodecs() {\n  if (!videoEncoder || !muxer || cancelled) return;\n\n  postProgress(50, 'Flushing encoder…');\n  await videoEncoder.flush();\n  videoEncoder.close();\n  videoEncoder = null;\n\n  postProgress(90, 'Finalizing MP4…');\n  const buffer = muxer.finalize();\n  muxer = null;\n\n  post({ type: 'complete', data: buffer, size: buffer.byteLength }, [buffer]);\n}\n\n// ── ffmpeg.wasm Backend ────────────────────────────────────────────\n\nasync function initFfmpegWasm(config: InitMessage) {\n  ffmpegConfig = config;\n  ffmpegFrames = [];\n  totalFramesReceived = 0;\n\n  // Lazy-load ffmpeg.wasm\n  try {\n    const { FFmpeg } = await import('@ffmpeg/ffmpeg');\n    const ffmpeg = new FFmpeg();\n    await ffmpeg.load();\n    ffmpegInstance = ffmpeg;\n  } catch (err: unknown) {\n    const message = err instanceof Error ? err.message : String(err);\n    postError(\n      `Failed to load ffmpeg.wasm: ${message}. ` +\n        'Ensure @ffmpeg/ffmpeg and @ffmpeg/util are installed and ' +\n        'Cross-Origin-Isolation headers (COOP/COEP) are set.',\n    );\n  }\n}\n\nasync function encodeFrameFfmpeg(msg: FrameMessage) {\n  if (cancelled) {\n    msg.bitmap.close();\n    return;\n  }\n\n  // Convert ImageBitmap to PNG bytes via OffscreenCanvas\n  const canvas = new OffscreenCanvas(msg.bitmap.width, msg.bitmap.height);\n  const ctx = canvas.getContext('2d');\n  if (!ctx) {\n    msg.bitmap.close();\n    postError('Failed to create OffscreenCanvas 2D context');\n    return;\n  }\n  ctx.drawImage(msg.bitmap, 0, 0);\n  msg.bitmap.close();\n\n  const blob = await canvas.convertToBlob({ type: 'image/png' });\n  const arrayBuffer = await blob.arrayBuffer();\n  ffmpegFrames.push({ data: new Uint8Array(arrayBuffer), index: msg.frameIndex });\n  totalFramesReceived++;\n\n  postProgress(\n    Math.round((totalFramesReceived / (totalFramesReceived + 1)) * 40),\n    `Collecting frame ${totalFramesReceived}`,\n  );\n\n  // Batch encode every ~10 seconds worth of frames\n  const batchSize = (ffmpegConfig?.fps ?? 30) * 10;\n  if (ffmpegFrames.length >= batchSize) {\n    await encodeFfmpegBatch();\n  }\n}\n\n/** Segments already encoded as MP4 data. */\nconst ffmpegSegments: Uint8Array[] = [];\n\nasync function encodeFfmpegBatch() {\n  if (!ffmpegInstance || ffmpegFrames.length === 0 || cancelled) return;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const ffmpeg = ffmpegInstance as any;\n  const config = ffmpegConfig!;\n  const batchIndex = ffmpegSegments.length;\n\n  postProgress(40 + batchIndex * 5, `Encoding batch ${batchIndex + 1}…`);\n\n  // Write frames to virtual filesystem\n  for (const frame of ffmpegFrames) {\n    const paddedIndex = String(frame.index).padStart(6, '0');\n    await ffmpeg.writeFile(`frame_${paddedIndex}.png`, frame.data);\n  }\n\n  const firstIndex = ffmpegFrames[0].index;\n  const segmentName = `segment_${batchIndex}.mp4`;\n\n  // Encode batch to MP4 segment\n  await ffmpeg.exec([\n    '-framerate',\n    String(config.fps),\n    '-start_number',\n    String(firstIndex),\n    '-i',\n    `frame_%06d.png`,\n    '-frames:v',\n    String(ffmpegFrames.length),\n    '-c:v',\n    'libx264',\n    '-pix_fmt',\n    'yuv420p',\n    '-preset',\n    config.quality === 'draft' ? 'ultrafast' : config.quality === 'high' ? 'slow' : 'medium',\n    '-crf',\n    config.quality === 'draft' ? '28' : config.quality === 'high' ? '18' : '23',\n    segmentName,\n  ]);\n\n  // Read segment and clean up frames\n  const segmentData = await ffmpeg.readFile(segmentName);\n  ffmpegSegments.push(segmentData);\n\n  // Clean up frame files\n  for (const frame of ffmpegFrames) {\n    const paddedIndex = String(frame.index).padStart(6, '0');\n    await ffmpeg.deleteFile(`frame_${paddedIndex}.png`);\n  }\n  await ffmpeg.deleteFile(segmentName);\n\n  // Free batch memory\n  ffmpegFrames = [];\n}\n\nasync function finalizeFfmpeg() {\n  if (!ffmpegInstance || cancelled) return;\n\n  // Encode any remaining frames\n  await encodeFfmpegBatch();\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const ffmpeg = ffmpegInstance as any;\n\n  postProgress(85, 'Concatenating segments…');\n\n  let finalData: Uint8Array;\n\n  if (ffmpegSegments.length === 1) {\n    // Single segment — no concat needed\n    finalData = ffmpegSegments[0];\n  } else if (ffmpegSegments.length > 1) {\n    // Write segments and concat list\n    const concatList: string[] = [];\n    for (let i = 0; i < ffmpegSegments.length; i++) {\n      const name = `seg_${i}.mp4`;\n      await ffmpeg.writeFile(name, ffmpegSegments[i]);\n      concatList.push(`file '${name}'`);\n    }\n    await ffmpeg.writeFile('concat.txt', new TextEncoder().encode(concatList.join('\\n')));\n\n    await ffmpeg.exec([\n      '-f',\n      'concat',\n      '-safe',\n      '0',\n      '-i',\n      'concat.txt',\n      '-c',\n      'copy',\n      'output.mp4',\n    ]);\n\n    finalData = await ffmpeg.readFile('output.mp4');\n\n    // Clean up\n    for (let i = 0; i < ffmpegSegments.length; i++) {\n      await ffmpeg.deleteFile(`seg_${i}.mp4`);\n    }\n    await ffmpeg.deleteFile('concat.txt');\n    await ffmpeg.deleteFile('output.mp4');\n  } else {\n    postError('No frames were encoded');\n    return;\n  }\n\n  postProgress(95, 'Preparing download…');\n\n  // Convert Uint8Array to a transferable ArrayBuffer\n  const sliced = new Uint8Array(finalData).buffer as ArrayBuffer;\n  post({ type: 'complete', data: sliced, size: sliced.byteLength }, [sliced]);\n\n  // Clean up\n  ffmpegInstance = null;\n  ffmpegSegments.length = 0;\n}\n\n// ── Message Handler ────────────────────────────────────────────────\n\nself.onmessage = async (event: MessageEvent<MainToWorkerMessage>) => {\n  const msg = event.data;\n\n  try {\n    switch (msg.type) {\n      case 'init': {\n        cancelled = false;\n        totalFramesReceived = 0;\n        _totalFramesEncoded = 0;\n\n        if (await supportsWebCodecsH264(msg)) {\n          backend = 'webcodecs';\n          initWebCodecs(msg);\n        } else if (hasSharedArrayBuffer()) {\n          backend = 'ffmpeg-wasm';\n          await initFfmpegWasm(msg);\n        } else {\n          postError(\n            'No video encoding support available. ' +\n              'WebCodecs H.264 is unavailable (typical on Linux Chromium without proprietary codecs) ' +\n              'and ffmpeg.wasm requires SharedArrayBuffer (Cross-Origin-Isolation headers).',\n          );\n          return;\n        }\n\n        post({ type: 'capabilities', backend });\n        postProgress(0, 'Encoder ready');\n        break;\n      }\n\n      case 'frame': {\n        if (backend === 'webcodecs') {\n          await encodeFrameWebCodecs(msg);\n        } else if (backend === 'ffmpeg-wasm') {\n          await encodeFrameFfmpeg(msg);\n        }\n        break;\n      }\n\n      case 'finalize': {\n        if (backend === 'webcodecs') {\n          await finalizeWebCodecs();\n        } else if (backend === 'ffmpeg-wasm') {\n          await finalizeFfmpeg();\n        }\n        break;\n      }\n\n      case 'cancel': {\n        cancelled = true;\n        if (videoEncoder && videoEncoder.state !== 'closed') {\n          videoEncoder.close();\n          videoEncoder = null;\n        }\n        muxer = null;\n        ffmpegInstance = null;\n        ffmpegFrames = [];\n        ffmpegSegments.length = 0;\n        break;\n      }\n    }\n  } catch (err: unknown) {\n    const message = err instanceof Error ? err.message : String(err);\n    postError(message);\n  }\n};\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-video-react",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "React components for browser-based video export of Squisq documents via WebCodecs",
   "license": "MIT",
   "author": "Bendyline",
@@ -45,9 +45,9 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@bendyline/squisq": "1.4.1",
-    "@bendyline/squisq-video": "1.1.2",
-    "@bendyline/squisq-react": "1.3.2",
+    "@bendyline/squisq": "1.5.0",
+    "@bendyline/squisq-video": "1.2.0",
+    "@bendyline/squisq-react": "1.4.0",
     "@ffmpeg/ffmpeg": "0.12.15",
     "@ffmpeg/util": "0.12.2",
     "html2canvas": "1.4.1",

package/src/__tests__/encodeParams.test.ts

@@ -0,0 +1,33 @@
+import { describe, it, expect } from 'vitest';
+import { bitrateForQuality } from '../workers/encodeParams.js';
+
+const W = 1920;
+const H = 1080;
+const base = W * H * 4;
+
+describe('bitrateForQuality', () => {
+  it('returns the ~4 bits-per-pixel baseline for normal quality', () => {
+    expect(bitrateForQuality('normal', W, H)).toBe(base);
+  });
+
+  it('falls back to the normal baseline for unknown quality values', () => {
+    expect(bitrateForQuality('whatever', W, H)).toBe(base);
+  });
+
+  it('halves the baseline for draft and doubles it for high', () => {
+    expect(bitrateForQuality('draft', W, H)).toBe(Math.round(base * 0.5));
+    expect(bitrateForQuality('high', W, H)).toBe(Math.round(base * 2));
+  });
+
+  it('orders bitrate draft < normal < high', () => {
+    const draft = bitrateForQuality('draft', W, H);
+    const normal = bitrateForQuality('normal', W, H);
+    const high = bitrateForQuality('high', W, H);
+    expect(draft).toBeLessThan(normal);
+    expect(normal).toBeLessThan(high);
+  });
+
+  it('scales with resolution', () => {
+    expect(bitrateForQuality('normal', 640, 480)).toBeLessThan(bitrateForQuality('normal', W, H));
+  });
+});

package/src/workers/encode.worker.ts

@@ -17,6 +17,7 @@ import type {
   FrameMessage,
 } from './workerTypes.js';
 import { createMp4Muxer, type Mp4MuxerHandle } from '../mp4Mux.js';
+import { bitrateForQuality } from './encodeParams.js';
 
 // ── State ──────────────────────────────────────────────────────────
 
@@ -112,19 +113,6 @@ function initWebCodecs(config: InitMessage) {
   });
 }
 
-function bitrateForQuality(quality: string, width: number, height: number): number {
-  const pixels = width * height;
-  const baseBitrate = pixels * 4; // ~4 bits per pixel baseline
-  switch (quality) {
-    case 'draft':
-      return Math.round(baseBitrate * 0.5);
-    case 'high':
-      return Math.round(baseBitrate * 2);
-    default: // normal
-      return baseBitrate;
-  }
-}
-
 async function encodeFrameWebCodecs(msg: FrameMessage) {
   if (!videoEncoder || cancelled) {
     msg.bitmap.close();

package/src/workers/encodeParams.ts

@@ -0,0 +1,24 @@
+/**
+ * Pure encoding-parameter helpers used by the encode worker.
+ *
+ * Kept separate from `encode.worker.ts` so they can be unit-tested directly —
+ * importing the worker module wires up `self.onmessage` and pulls in the
+ * WebCodecs / ffmpeg.wasm backends, none of which exist in a plain test runner.
+ */
+
+/**
+ * Target H.264 bitrate (bits/sec) for a given quality at a given resolution.
+ * Baseline is ~4 bits per pixel; `draft` halves it and `high` doubles it.
+ */
+export function bitrateForQuality(quality: string, width: number, height: number): number {
+  const pixels = width * height;
+  const baseBitrate = pixels * 4; // ~4 bits per pixel baseline
+  switch (quality) {
+    case 'draft':
+      return Math.round(baseBitrate * 0.5);
+    case 'high':
+      return Math.round(baseBitrate * 2);
+    default: // normal
+      return baseBitrate;
+  }
+}