support manual canvas snapshotting (#108)

See highlight/highlight#6139
highlight · Sep 9, 2024 · b7caf12 · b7caf12
1 parent c2dfff1
commit b7caf12
Show file tree

Hide file tree

Showing 3 changed files with 209 additions and 179 deletions.
diff --git a/packages/rrweb/src/record/index.ts b/packages/rrweb/src/record/index.ts
@@ -331,6 +331,7 @@ function record<T = eventWithTime>(
     blockSelector,
     mirror,
     sampling: sampling?.canvas?.fps,
+    samplingManual: sampling?.canvas?.fpsManual,
     clearWebGLBuffer: sampling?.canvas?.clearWebGLBuffer,
     initialSnapshotDelay: sampling?.canvas?.initialSnapshotDelay,
     dataURLOptions,
@@ -669,6 +670,13 @@ record.takeFullSnapshot = (isCheckout?: boolean) => {
   takeFullSnapshot(isCheckout);
 };
 
+record.snapshotCanvas = async (element: HTMLCanvasElement) => {
+  if (!canvasManager) {
+    throw new Error('canvas manager is not initialized');
+  }
+  await canvasManager.snapshot(element);
+};
+
 record.mirror = mirror;
 
 export default record;