Add screenshot support.

2023-06-16 19:36:45 -07:00
parent ad23083d72
commit 39b985b4df
27 changed files with 413 additions and 72 deletions
@@ -84,6 +84,10 @@ export class FrigateCardLiveJSMPEG extends LitElement implements FrigateCardMedi
    return this._jsmpegVideoPlayer?.player?.paused ?? true;
  }

+  public async getScreenshotURL(): Promise<string | null> {
+    return this._jsmpegCanvasElement?.toDataURL('image/jpeg') ?? null;
+  }
+
  /**
   * Create a JSMPEG player.
   * @param url The URL for the player to connect to.
@@ -107,6 +111,9 @@ export class FrigateCardLiveJSMPEG extends LitElement implements FrigateCardMedi
          audio: false,
          videoBufferSize: 1024 * 1024 * 4,

+          // Necessary for screenshots.
+          preserveDrawingBuffer: true,
+
          // Override with user-specified options.
          ...this.cameraConfig?.jsmpeg?.options,