support manual canvas snapshotting (#108)

See highlight/highlight#6139
highlight · Apr 17, 2024 · 8991d5d · 8991d5d
1 parent 054fc07
commit 8991d5d
Show file tree

Hide file tree

Showing 3 changed files with 196 additions and 179 deletions.
diff --git a/packages/rrweb/src/record/index.ts b/packages/rrweb/src/record/index.ts
@@ -323,6 +323,7 @@ function record<T = eventWithTime>(
     blockSelector,
     mirror,
     sampling: sampling?.canvas?.fps,
+    samplingManual: sampling?.canvas?.fpsManual,
     clearWebGLBuffer: sampling?.canvas?.clearWebGLBuffer,
     initialSnapshotDelay: sampling?.canvas?.initialSnapshotDelay,
     dataURLOptions,
@@ -687,6 +688,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;